{"id":52595,"date":"2022-03-14T07:00:31","date_gmt":"2022-03-14T14:00:31","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=52595"},"modified":"2025-05-26T10:33:44","modified_gmt":"2025-05-26T17:33:44","slug":"criar-favicon-personalizado-no-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/","title":{"rendered":"Como Criar um Favicon Personalizado no WordPress"},"content":{"rendered":"\n<p>Se voc\u00ea est\u00e1 <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-start-podcast-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">criando um site de podcast<\/a> ou blog pessoal, torn\u00e1-lo memor\u00e1vel e f\u00e1cil de usar pode ser um desafio. Ao <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/as-configuracoes-mais-importantes-do-wordpress-para-o-seu-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">configurar as configura\u00e7\u00f5es do seu site<\/a>, \u00e9 essencial estabelecer sua identidade de marca e come\u00e7ar a construir uma reputa\u00e7\u00e3o s\u00f3lida.<\/p>\n\n\n\n<p>Uma maneira simples de criar uma presen\u00e7a online profissional \u00e9 projetando um favicon personalizado. Quando voc\u00ea adiciona seu logotipo \u00e0s abas do navegador e aos resultados de pesquisa, voc\u00ea pode aumentar o <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-tell-your-brand-story\/\" target=\"_blank\" rel=\"noopener noreferrer\">reconhecimento da marca<\/a> e as Taxas de Cliques (CTR).<\/p>\n\n\n\n<p>Neste post, vamos oferecer uma vis\u00e3o geral sobre favicons e por que voc\u00ea deve considerar adicionar um ao seu site WordPress. Em seguida, mostraremos como criar um favicon personalizado. Comece Agora!<\/p>\n\n\n\n<h2 id=\"h-an-introduction-to-favicons\" class=\"wp-block-heading\"><strong>Introdu\u00e7\u00e3o aos Favicons<\/strong><\/h2>\n\n\n\n<p>Um favicon, ou \u2018\u00edcone favorito\u2019, \u00e9 uma imagem de 16&#215;16 pixels que ajuda a marcar o conte\u00fado do seu site. Foi <a href=\"https:\/\/www.webdesignmuseum.org\/web-design-history\/favicon-1999\" target=\"_blank\" rel=\"noopener noreferrer\">criado em 1999<\/a> para ajudar a diferenciar entre p\u00e1ginas da web marcadas como favoritas.<\/p>\n\n\n\n<p>Atualmente, voc\u00ea pode ver favicons no topo de uma aba do navegador acima da barra de endere\u00e7os. Aqui, os visitantes ver\u00e3o um pequeno \u00edcone de marca:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"553\" height=\"75\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-8.jpg\" alt=\"exemplo de favicon personalizado\" class=\"wp-image-33190 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-8.jpg.webp 553w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-8-300x41.jpg 300w\" data-sizes=\"(max-width: 553px) 100vw, 553px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 553px; --smush-placeholder-aspect-ratio: 553\/75;\" \/><\/figure><\/div>\n\n\n<p>Se um site n\u00e3o tiver um favicon designado, os usu\u00e1rios ver\u00e3o um \u00edcone gen\u00e9rico do navegador em vez disso. Portanto, muitos propriet\u00e1rios de sites usam favicons para tornar seu conte\u00fado mais reconhec\u00edvel.<\/p>\n\n\n\n<p>Voc\u00ea tamb\u00e9m pode ver favicons em favoritos, no hist\u00f3rico do seu navegador, ou entre os resultados de pesquisa do Google. Frequentemente, este \u00edcone mostra aos usu\u00e1rios que eles est\u00e3o prestes a clicar em um recurso confi\u00e1vel e bem conhecido.<\/p>\n\n\n\n<p>\u00d3timo. Voc\u00ea est\u00e1 totalmente atualizado sobre favicons. Agora, vamos mostrar como criar um.<\/p>\n\n\n\n<h2 id=\"h-how-to-create-a-custom-wordpress-favicon-4-methods\" class=\"wp-block-heading\"><strong>Como Criar um Favicon Personalizado do WordPress (4 M\u00e9todos)<\/strong><\/h2>\n\n\n\n<p>Para come\u00e7ar a criar seu primeiro favicon, voc\u00ea precisar\u00e1 projetar a imagem que vai usar. Para este processo, recomendamos o uso do Canva:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"467\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-20.jpg\" alt=\"Canva\" class=\"wp-image-33202 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-20.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-20-300x156.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-20-768x399.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-20-600x311.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-20-730x379.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-20-784x407.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-20-877x455.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/467;\" \/><\/figure><\/div>\n\n\n<p>Canva \u00e9 um software de edi\u00e7\u00e3o de imagens amig\u00e1vel para iniciantes, que pode criar um logotipo do zero. Alternativamente, voc\u00ea pode navegar pelos seus <a href=\"https:\/\/www.canva.com\/logos\/templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">modelos de logotipo<\/a>.<\/p>\n\n\n\n<p>Independentemente da op\u00e7\u00e3o que voc\u00ea escolher, certifique-se de projetar uma imagem quadrada. Favicons geralmente s\u00e3o exibidos em 16&#215;16 pixels, mas o WordPress requer uma altura e largura de pelo menos 512px.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\tComo Criar um Guia de Estilo de Marca para o Seu Site\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/como-criar-um-guia-de-estilo-de-marca-para-seu-website\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n\n<p>Depois de ter projetado seu logotipo como um favicon, \u00e9 hora de adicion\u00e1-lo ao seu site! Aqui est\u00e3o alguns dos melhores m\u00e9todos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-add-a-favicon-using-the-wordpress-customizer-nbsp\"><strong>1. Adicione um Favicon Usando o Personalizador do WordPress&nbsp;<\/strong><\/h3>\n\n\n\n<p>Desde o WordPress 4.3, voc\u00ea pode usar o recurso <i>Site Icon<\/i> para criar um favicon personalizado. Esta \u00e9 uma das maneiras mais simples de fazer o upload de um favicon, pois voc\u00ea n\u00e3o precisar\u00e1 criar um arquivo <i>favicon.ico<\/i> ou modificar seu arquivo de template.<\/p>\n\n\n\n<p>Encontre a imagem que deseja usar como seu favicon. Depois, v\u00e1 at\u00e9 <i>Apar\u00eancia &gt; Personalizar<\/i> no seu Painel do WordPress:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"340\" height=\"211\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-11.jpg\" alt=\"Personalizador do WordPress\" class=\"wp-image-33193 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-11.jpg.webp 340w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-11-300x186.jpg 300w\" data-sizes=\"(max-width: 340px) 100vw, 340px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 340px; --smush-placeholder-aspect-ratio: 340\/211;\" \/><\/figure><\/div>\n\n\n<p>Isso abrir\u00e1 o Personalizador do WordPress. Em seguida, navegue at\u00e9 <i>Settings &gt; Site Identity<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"409\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-2.jpg\" alt=\"Identidade do Site WordPress\" class=\"wp-image-33184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-2.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-2-300x136.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-2-768x349.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-2-600x273.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-2-730x332.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-2-784x356.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-2-877x399.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/409;\" \/><\/figure><\/div>\n\n\n<p>Aqui, voc\u00ea ver\u00e1 uma se\u00e7\u00e3o rotulada <i>\u00cdcone do Site<\/i>. Clique em <i>Selecionar \u00edcone do site<\/i> e fa\u00e7a o upload da sua imagem favicon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"441\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-14.jpg\" alt=\"Selecionar imagem\" class=\"wp-image-33196 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-14.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-14-300x147.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-14-768x376.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-14-600x294.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-14-730x358.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-14-784x384.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-14-877x430.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/441;\" \/><\/figure><\/div>\n\n\n<p>Corte a imagem conforme necess\u00e1rio. No lado direito, voc\u00ea pode ver uma pr\u00e9via do favicon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"782\" height=\"584\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-5.jpg\" alt=\"recortar imagem no WordPress\" class=\"wp-image-33187 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-5.jpg.webp 782w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-5-300x224.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-5-768x574.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-5-600x448.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-5-730x545.jpg.webp 730w\" data-sizes=\"(max-width: 782px) 100vw, 782px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 782px; --smush-placeholder-aspect-ratio: 782\/584;\" \/><\/figure><\/div>\n\n\n<p>Depois de terminar, clique em <i>Publicar<\/i>.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h4 class=\"wp-block-heading\" id=\"h-update-for-wordpress-6-5\"><strong>Atualiza\u00e7\u00e3o para WordPress 6.5+<\/strong><\/h4>\n\n\n\n<p>A partir do WordPress 6.5, h\u00e1 uma nova maneira (e mais f\u00e1cil do que nunca) de adicionar Favicons no WordPress. Basta navegar at\u00e9 o <em>Painel<\/em> do WordPress, passar o mouse sobre <em>Configura\u00e7\u00f5es<\/em> e clicar em <em>Geral<\/em>.<\/p>\n\n\n\n<p>A partir da\u00ed, voc\u00ea ver\u00e1 uma configura\u00e7\u00e3o perto do topo para <em>\u00cdcone do Site.<\/em> Basta clicar na caixa <em>Escolher um \u00cdcone para o Site<\/em> para fazer o upload do seu pr\u00f3prio favicon.<\/p>\n\n\n\n<p><strong>Tamanho recomendado:<\/strong> Propor\u00e7\u00e3o quadrada, pelo menos 512px x 512px.<\/p>\n\n\n\n<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style><div class='embed-container'><iframe data-src='https:\/\/www.youtube.com\/embed\/WrFD4e1zrtk' frameborder='0' allowfullscreen src='data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==' class='lazyload' data-load-mode='1'><\/iframe><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-add-a-favicon-with-a-wordpress-page-builder\"><strong>2. Adicione um Favicon com um Construtor de P\u00e1ginas WordPress<\/strong><\/h3>\n\n\n\n<p>Muitos construtores de p\u00e1ginas populares podem adicionar um favicon personalizado em um processo semelhante. Por exemplo, o Elementor possui um recurso de <i>\u00cdcones Personalizados<\/i> em suas <i>Configura\u00e7\u00f5es Globais<\/i>.<\/p>\n\n\n\n<p>Primeiro, voc\u00ea precisar\u00e1 se inscrever no <a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor Pro<\/a>. Isso permite que voc\u00ea fa\u00e7a o upload de um favicon personalizado.<\/p>\n\n\n\n<p>Ent\u00e3o, abra qualquer post ou p\u00e1gina com o editor Elementor:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"472\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-19.jpg\" alt=\"Elementor\" class=\"wp-image-33201 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-19.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-19-300x157.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-19-768x403.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-19-600x315.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-19-730x383.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-19-784x411.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-19-877x460.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/472;\" \/><\/figure><\/div>\n\n\n<p>V\u00e1 para <i>Configura\u00e7\u00f5es do Site &gt; Identidade do Site<\/i>. Aqui, voc\u00ea ver\u00e1 o nome do seu site e descri\u00e7\u00e3o. Tamb\u00e9m haver\u00e1 op\u00e7\u00f5es para fazer upload de um logo do site e favicon do site:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"465\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-6.jpg\" alt=\"Elementor\" class=\"wp-image-33188 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-6.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-6-300x155.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-6-768x397.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-6-600x310.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-6-730x377.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-6-784x405.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-6-877x453.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/465;\" \/><\/figure><\/div>\n\n\n<p>Passe o mouse sobre a caixa cinza abaixo de <i>Site Favicon<\/i> e clique em <i>Choose Image<\/i>. Fa\u00e7a o upload do seu favicon e selecione <i>Insert Media<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"480\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-17.jpg\" alt=\"selecione imagem no WordPress\" class=\"wp-image-33199 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-17.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-17-300x160.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-17-768x410.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-17-600x320.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-17-730x389.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-17-784x418.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-17-877x468.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/480;\" \/><\/figure><\/div>\n\n\n<p>Ap\u00f3s fazer o upload do seu favicon, v\u00e1 at\u00e9 o final da tela e clique em <i>Update<\/i>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-install-a-favicon-plugin\"><strong>3. Instale um Plugin de Favicon<\/strong><\/h3>\n\n\n\n<p>Uma das maneiras mais f\u00e1ceis de adicionar um favicon ao seu site \u00e9 com um plugin de favicon. Esta op\u00e7\u00e3o pode ser a melhor para pessoas que n\u00e3o conseguem acessar o Customizer ou desejam uma <a href=\"https:\/\/www.dreamhost.com\/blog\/pt\/como-criar-seu-primeiro-plugin-do-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">op\u00e7\u00e3o mais simples do que programar<\/a>.<\/p>\n\n\n\n<p>Para este processo, recomendamos usar <a href=\"https:\/\/wordpress.org\/plugins\/favicon-rotator\/\" target=\"_blank\" rel=\"noopener noreferrer\">Favicon Rotator<\/a>. Este plugin gratuito do WordPress permite que voc\u00ea adicione uma imagem de favicon em minutos:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-13.jpg\" alt=\"Plugin Rotator de Favicon\" class=\"wp-image-33195 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-13.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-13-300x127.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-13-768x324.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-13-600x253.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-13-730x308.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-13-784x331.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-13-877x370.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/380;\" \/><\/figure><\/div>\n\n\n<p>Instale e ative o plugin. Agora navegue at\u00e9 <i>Appearance &gt; Favicon<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"340\" height=\"211\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-11.jpg\" alt=\"Configura\u00e7\u00f5es de Favicon do Personalizador WordPress\" class=\"wp-image-33193 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-11.jpg.webp 340w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-11-300x186.jpg 300w\" data-sizes=\"(max-width: 340px) 100vw, 340px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 340px; --smush-placeholder-aspect-ratio: 340\/211;\" \/><\/figure><\/div>\n\n\n<p>Voc\u00ea notar\u00e1 duas op\u00e7\u00f5es diferentes para criar \u00edcones personalizados. <i>Browser Icon<\/i> coloca o favicon nas abas do navegador. O <i>Touch Icon<\/i> personaliza favicons para dispositivos m\u00f3veis:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"495\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-3.jpg\" alt=\"Configura\u00e7\u00f5es do Rotator de Favicon\" class=\"wp-image-33185 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-3.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-3-300x165.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-3-768x422.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-3-600x330.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-3-730x402.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-3-784x431.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-3-877x482.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/495;\" \/><\/figure><\/div>\n\n\n<p>Clique no \u00edcone <i>Adicionar<\/i> ao lado do <i>\u00cdcone do Navegador<\/i>. Fa\u00e7a o upload da sua imagem favicon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"781\" height=\"491\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-10.jpg\" alt=\"Upload de arquivo na biblioteca de m\u00eddia do WordPress\" class=\"wp-image-33192 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-10.jpg.webp 781w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-10-300x189.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-10-768x483.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-10-600x377.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-10-730x459.jpg.webp 730w\" data-sizes=\"(max-width: 781px) 100vw, 781px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 781px; --smush-placeholder-aspect-ratio: 781\/491;\" \/><\/figure><\/div>\n\n\n<p>Se voc\u00ea precisar cortar, girar ou virar a imagem, clique em <i>Editar Imagem<\/i>. Aqui voc\u00ea pode alterar as dimens\u00f5es e configura\u00e7\u00f5es de miniatura conforme necess\u00e1rio:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"443\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-4.jpg\" alt=\"imagem de favicon cortada no WordPress\" class=\"wp-image-33186 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-4.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-4-300x148.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-4-768x378.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-4-600x295.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-4-730x359.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-4-784x386.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-4-877x432.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/443;\" \/><\/figure><\/div>\n\n\n<p>Quando terminar, selecione <i>Adicionar \u00cdcone do Navegador<\/i>. Em seguida, clique em <i>Salvar Altera\u00e7\u00f5es<\/i>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-manually-generate-a-favicon\"><strong>4. Gerar um Favicon Manualmente<\/strong><\/h3>\n\n\n\n<p>Se o seu site possui uma vers\u00e3o antiga do WordPress ou tema, voc\u00ea pode precisar adicionar manualmente um favicon usando c\u00f3digo. Este m\u00e9todo tamb\u00e9m pode ser ben\u00e9fico quando voc\u00ea deseja limitar o n\u00famero de Plugins de terceiros no seu site.<\/p>\n\n\n\n<p>Primeiro, fa\u00e7a o upload do seu arquivo de imagem em uma ferramenta como <a href=\"https:\/\/realfavicongenerator.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Real Favicon Generator<\/a>. Usando este software, voc\u00ea pode gerar a codifica\u00e7\u00e3o personalizada do seu favicon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"466\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-7.jpg\" alt=\"Gerador real de Favicon\" class=\"wp-image-33189 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-7.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-7-300x155.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-7-768x398.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-7-600x311.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-7-730x378.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-7-784x406.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-7-877x454.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/466;\" \/><\/figure><\/div>\n\n\n<p>Comece clicando em <i>Select your Favicon image<\/i>. Ap\u00f3s fazer o upload do seu arquivo de imagem, Real Favicon Generator criar\u00e1 uma pr\u00e9-visualiza\u00e7\u00e3o do seu favicon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"474\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-9.jpg\" alt=\"Resultados do Gerador de Favicon\" class=\"wp-image-33191 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-9.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-9-300x158.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-9-768x404.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-9-600x316.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-9-730x384.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-9-784x413.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-9-877x462.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/474;\" \/><\/figure><\/div>\n\n\n<p>Nesta p\u00e1gina, voc\u00ea pode marcar a caixa que diz <i>Use a imagem original como est\u00e1<\/i> se gostar da apar\u00eancia dela. No entanto, voc\u00ea tamb\u00e9m pode continuar editando o tamanho da imagem, cor de fundo e raio de fundo conforme necess\u00e1rio.<\/p>\n\n\n\n<p>Depois de personalizar a imagem, role at\u00e9 o final da p\u00e1gina e clique em <i>Gerar seus Favicons e c\u00f3digo HTML<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"246\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-15.jpg\" alt=\"Op\u00e7\u00f5es do Gerador de Favicon\" class=\"wp-image-33197 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-15.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-15-300x82.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-15-768x210.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-15-600x164.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-15-730x200.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-15-784x214.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-15-877x240.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/246;\" \/><\/figure><\/div>\n\n\n<p>Isso mostrar\u00e1 o c\u00f3digo para o seu favicon. Baixe o pacote Favicon e copie o HTML:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"357\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-12.jpg\" alt=\"c\u00f3digo de favicon\" class=\"wp-image-33194 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-12.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-12-300x119.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-12-768x305.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-12-600x238.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-12-730x290.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-12-784x311.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-12-877x348.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/357;\" \/><\/figure><\/div>\n\n\n<p>Antes de come\u00e7ar a editar seu c\u00f3digo, recomendamos que fa\u00e7a um backup do seu site. Esta etapa garante que voc\u00ea n\u00e3o perca nenhuma informa\u00e7\u00e3o importante devido a erros de programa\u00e7\u00e3o.<\/p>\n\n\n\n<p>Em seguida, abra seu <a href=\"https:\/\/panel.dreamhost.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Painel cPanel<\/a>. Embora cada provedor de hospedagem tenha seu pr\u00f3prio painel, voc\u00ea precisar\u00e1 encontrar o bot\u00e3o <i>Enviar Arquivo<\/i>s.<\/p>\n\n\n\n<p>Com a DreamHost, este bot\u00e3o est\u00e1 localizado no canto inferior esquerdo:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"510\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-1.jpg\" alt=\"Painel DreamHost\" class=\"wp-image-33183 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-1.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-1-300x170.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-1-768x435.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-1-600x340.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-1-730x414.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-1-784x444.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-1-877x497.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/510;\" \/><\/figure><\/div>\n\n\n<p>Em seguida, fa\u00e7a o upload do seu arquivo favicon. Em alguns casos, isso permitir\u00e1 que os navegadores atualizem seu favicon sem adicionar c\u00f3digo. No entanto, voc\u00ea pode precisar atualizar seu arquivo <i>header.php<\/i>.<\/p>\n\n\n\n<p>Para fazer isso, abra <i>wp_content<\/i> e clique no arquivo <i>header.php<\/i>. Em seguida, selecione <i>Edit<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"846\" height=\"319\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-18.jpg\" alt=\"editar o arquivo header.php no cPanel da DreamHost\" class=\"wp-image-33200 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-18.jpg.webp 846w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-18-300x113.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-18-768x290.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-18-600x226.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-18-730x275.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/03\/How-to-create-a-favicon-in-WordPress-DreamHost-18-784x296.jpg.webp 784w\" data-sizes=\"(max-width: 846px) 100vw, 846px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 846px; --smush-placeholder-aspect-ratio: 846\/319;\" \/><\/figure><\/div>\n\n\n<p>Cole o c\u00f3digo do favicon gerado pelo Favicon Generator. Em seguida, voc\u00ea pode precisar esvaziar o cache do seu navegador ou reiniciar o navegador para ver o novo favicon em seu site.<\/p>\n\n\n\n<h2 id=\"h-elements-of-a-strong-brand\" class=\"wp-block-heading\"><strong>Elementos de uma Marca Forte<\/strong><\/h2>\n\n\n\n<p>Um bom logotipo pode ser a chave para tornar o seu neg\u00f3cio \u00fanico e memor\u00e1vel. Quando voc\u00ea transforma esse logotipo em um favicon, pode garantir que os visitantes online reconhe\u00e7am seu conte\u00fado de marca.<\/p>\n\n\n\n<p>Para revis\u00e3o, aqui est\u00e3o os melhores m\u00e9todos para adicionar um favicon ao seu site WordPress:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Adicione um favicon usando o Personalizador do WordPress.<\/li>\n\n\n\n<li>Use um construtor de p\u00e1ginas como <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor<\/a>.<\/li>\n\n\n\n<li>Instale um plugin de favicon como <a href=\"https:\/\/wordpress.org\/plugins\/favicon-rotator\/\" target=\"_blank\" rel=\"noopener noreferrer\">Favicon Rotator<\/a>.<\/li>\n\n\n\n<li>Code um favicon manualmente.<\/li>\n\n\n<\/ol>\n\n\n\n<p>Precisa de uma ajuda para construir seu site do zero? Na DreamHost, oferecemos Servi\u00e7os Pro que incluem <a href=\"https:\/\/www.dreamhost.com\/pt\/servicos-profissionais\/design\/design-web-personalizado\/\" target=\"_blank\" rel=\"noopener noreferrer\">design de web personalizado<\/a>. Nossos designers profissionais podem ajud\u00e1-lo a criar um site original, para que voc\u00ea n\u00e3o precise se preocupar com pequenos detalhes como favicons!<\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      A DreamHost Torna o Design de Sites F\u00e1cil\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nossos designers podem criar um site incr\u00edvel do ZERO para combinar perfeitamente com sua marca e vis\u00e3o \u2014 tudo codificado com WordPress para que voc\u00ea possa gerenciar seu conte\u00fado no futuro.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pt\/servicos-profissionais\/design\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Saiba Mais                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea est\u00e1 criando um site para podcast ou um blog pessoal, torn\u00e1-lo memor\u00e1vel e f\u00e1cil de usar pode ser um desafio. Ao configurar as configura\u00e7\u00f5es do seu site, \u00e9 essencial estabelecer sua identidade de marca e come\u00e7ar a construir uma reputa\u00e7\u00e3o s\u00f3lida. Uma maneira simples de criar uma presen\u00e7a online profissional \u00e9 projetando um favicon personalizado. Quando voc\u00ea adiciona seu [\u2026]<\/p>\n","protected":false},"author":1060,"featured_media":33177,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-an-introduction-to-favicons\",\"Introdu\u00e7\u00e3o aos Favicons\"],[\"h-how-to-create-a-custom-wordpress-favicon-4-methods\",\"Como Criar um Favicon Personalizado do WordPress (4 M\u00e9todos)\"],[\"h-elements-of-a-strong-brand\",\"Elementos de uma Marca Forte\"]]","hide_toc":false,"footnotes":""},"categories":[14407,14391],"tags":[],"class_list":["post-52595","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-de-sites-pt","category-tutoriais-pt"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Como Criar um Favicon Personalizado no WordPress - DreamHost Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Criar um Favicon Personalizado no WordPress\" \/>\n<meta property=\"og:description\" content=\"Se voc\u00ea est\u00e1 criando um site para podcast ou um blog pessoal, torn\u00e1-lo memor\u00e1vel e f\u00e1cil de usar pode ser um desafio. Ao configurar as configura\u00e7\u00f5es do seu site, \u00e9 essencial estabelecer sua identidade de marca e come\u00e7ar a construir uma reputa\u00e7\u00e3o s\u00f3lida. Uma maneira simples de criar uma presen\u00e7a online profissional \u00e9 projetando um favicon personalizado. Quando voc\u00ea adiciona seu [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-14T14:00:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T17:33:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-custom-favicon-featured.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brian Glassman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Glassman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Criar um Favicon Personalizado no WordPress - DreamHost Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Como Criar um Favicon Personalizado no WordPress","og_description":"Se voc\u00ea est\u00e1 criando um site para podcast ou um blog pessoal, torn\u00e1-lo memor\u00e1vel e f\u00e1cil de usar pode ser um desafio. Ao configurar as configura\u00e7\u00f5es do seu site, \u00e9 essencial estabelecer sua identidade de marca e come\u00e7ar a construir uma reputa\u00e7\u00e3o s\u00f3lida. Uma maneira simples de criar uma presen\u00e7a online profissional \u00e9 projetando um favicon personalizado. Quando voc\u00ea adiciona seu [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-03-14T14:00:31+00:00","article_modified_time":"2025-05-26T17:33:44+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-custom-favicon-featured.jpeg","type":"image\/jpeg"}],"author":"Brian Glassman","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Brian Glassman","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/"},"author":{"name":"Brian Glassman","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/e25c31f16fee80576bdd8b93a066f3de"},"headline":"Como Criar um Favicon Personalizado no WordPress","datePublished":"2022-03-14T14:00:31+00:00","dateModified":"2025-05-26T17:33:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/"},"wordCount":1437,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-custom-favicon-featured.jpeg","articleSection":["Design de Sites","Tutoriais"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/","name":"Como Criar um Favicon Personalizado no WordPress - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-custom-favicon-featured.jpeg","datePublished":"2022-03-14T14:00:31+00:00","dateModified":"2025-05-26T17:33:44+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-custom-favicon-featured.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/03\/wordpress-custom-favicon-featured.jpeg","width":900,"height":598,"caption":"how to create a custom favicon in WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/criar-favicon-personalizado-no-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Como Criar um Favicon Personalizado no WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/e25c31f16fee80576bdd8b93a066f3de","name":"Brian Glassman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/brian-glassman-dreamhost-150x150.jpg","caption":"Brian Glassman"},"description":"SEO leader and content marketer, Brian is DreamHost\u2019s Director of SEO. Based in Chicago, Brian enjoys the local health food scene (deep dish pizza, Italian beef sandwiches) and famous year-round warm weather. Follow Brian on LinkedIn.","sameAs":["https:\/\/www.linkedin.com\/in\/brianglassmandesign\/"],"url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/brian\/"}]}},"lang":"pt","translations":{"pt":52595,"es":33205,"en":33175,"pl":56310,"de":56341,"ru":56350,"uk":56356,"it":67980,"fr":69537,"nl":69569},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1060"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=52595"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52595\/revisions"}],"predecessor-version":[{"id":62355,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52595\/revisions\/62355"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/33177"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=52595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=52595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=52595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}