{"id":32999,"date":"2023-03-01T17:16:46","date_gmt":"2023-03-01T20:16:46","guid":{"rendered":"\/tutoriais\/?p=32999"},"modified":"2023-06-02T19:19:55","modified_gmt":"2023-06-02T22:19:55","slug":"como-adicionar-favicon-no-wordpress","status":"publish","type":"post","link":"\/pt\/tutoriais\/como-adicionar-favicon-no-wordpress","title":{"rendered":"4 maneiras de adicionar um favicon ao WordPress (manualmente, Gutenberg, editores de bloco e mais)"},"content":{"rendered":"<p class=\"wp-block-paragraph\">O favicon representa seu site do WordPress em v&aacute;rias plataformas. Ele aparece ao lado do t&iacute;tulo do site na guia do navegador, hist&oacute;rico e favoritos. Apesar de seu tamanho pequeno, ele tem um papel importante em ajudar os usu&aacute;rios a identificar seu site.<\/p><p class=\"wp-block-paragraph\">Este artigo vai explicar como adicionar um favicon do WordPress usando quatro m&eacute;todos diferentes: manualmente, com o editor Gutenberg, atrav&eacute;s do Customizer e via plugin. Tamb&eacute;m discutiremos por que o favicon &eacute; importante e ofereceremos dicas &uacute;teis sobre como criar um favicon personalizado para seu site WordPress.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/WordPress-Security-Checklist(pt-br).pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-30402\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n<div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   O Que &eacute; o Favicon do WordPress?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\">O favicon do WordPress &eacute; um &iacute;cone exclusivo associado a um site. Normalmente &eacute; uma imagem pequena e quadrada com um design que representa a identidade do site. O favicon geralmente aparece no painel do WordPress e nas guias do navegador.<\/p><\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-por-que-e-importante-adicionar-um-favicon-ao-seu-site\">Por que &eacute; Importante Adicionar um Favicon ao seu Site<\/h2><p class=\"wp-block-paragraph\">Um favicon representa a identidade do site WordPress, ajudando as pessoas a reconhecer seu site. Embora a imagem do &iacute;cone seja pequena, ela pode impactar bastante a experi&ecirc;ncia do usu&aacute;rio e a reputa&ccedil;&atilde;o da sua marca. Aqui est&atilde;o algumas raz&otilde;es pelas quais um favicon no site WordPress &eacute; importante:<\/p><ul class=\"wp-block-list\">\n<li><strong>Melhora a experi&ecirc;ncia do usu&aacute;rio<\/strong>. Muitos usu&aacute;rios t&ecirc;m v&aacute;rias guias abertas em seus navegadores. Um favicon ao lado do t&iacute;tulo do site os ajuda a diferenciar facilmente cada guia e identificar seu site entre elas.<\/li>\n\n\n\n<li><strong>Melhora a visibilidade<\/strong>. Se configurado corretamente, seu favicon aparecer&aacute; nos resultados da pesquisa ao lado do URL do seu site WordPress. Isso ajuda as pessoas a notarem o seu site e aumenta o tr&aacute;fego org&acirc;nico.<\/li>\n\n\n\n<li><strong>Melhora a experi&ecirc;ncia em dispositivos m&oacute;veis<\/strong>. Muitos dispositivos mobile permitem que os usu&aacute;rios adicionem qualquer p&aacute;gina da Web &agrave; tela inicial. Quando eles adicionam um site &agrave; tela inicial do dispositivo m&oacute;vel, ele exibe o favicon como &iacute;cone, permitindo que o usu&aacute;rio localize seu site entre v&aacute;rios &iacute;cones de aplicativos.<\/li>\n\n\n\n<li><strong>Constr&oacute;i credibilidade<\/strong>. Os favicons do WordPress passam uma sensa&ccedil;&atilde;o de profissionalismo para quem visita um site. Se esse site n&atilde;o tiver um favicon, o navegador usar&aacute; um &iacute;cone padr&atilde;o que far&aacute; com que o site pare&ccedil;a inacabado.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-como-criar-um-favicon-no-wordpress\">Como Criar um Favicon no WordPress<\/h2><p class=\"wp-block-paragraph\">O WordPress possui um recurso de favicon nativo, permitindo que voc&ecirc; escolha dentre v&aacute;rios m&eacute;todos para adicionar o seu. No entanto, antes de enviar um arquivo de favicon personalizado para o WordPress, h&aacute; v&aacute;rios preparativos a serem feitos:<\/p><ul class=\"wp-block-list\">\n<li><strong>Certifique-se de que o &iacute;cone seja uma imagem quadrada com um tamanho de pelo menos 512 x 512 pixels<\/strong>. Para alterar o tamanho da imagem, use um software de edi&ccedil;&atilde;o como Adobe Photoshop ou geradores de favicon online como <a href=\"https:\/\/realfavicongenerator.net\/\" target=\"_blank\" rel=\"noopener\">RealFaviconGenerator<\/a>, <a href=\"https:\/\/favicon.io\/\" target=\"_blank\" rel=\"noopener\">Favicon.io<\/a> e <a href=\"https:\/\/www.favicon-generator.org\/\" target=\"_blank\" rel=\"noopener\">Favicon-generator.org<\/a>.<\/li>\n\n\n\n<li><strong>Escolha uma cor de fundo para o favicon<\/strong>. Um plano de fundo transparente &eacute; melhor, especialmente se voc&ecirc; tiver espa&ccedil;o em branco no design.<\/li>\n\n\n\n<li><strong>Escolha o formato de imagem certo<\/strong>. Os favicons do WordPress geralmente usam o formato de arquivo <strong>ICO<\/strong>, mas agora voc&ecirc; tamb&eacute;m pode usar <strong>JPEG<\/strong> e <strong>GIF<\/strong>. No entanto, voc&ecirc; deve usar <strong>PNG<\/strong> se o plano de fundo do seu &iacute;cone for transparente.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Quando a imagem estiver pronta, adicione o novo favicon ao seu site WordPress usando um dos seguintes m&eacute;todos.<\/p><p>\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Dica                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Garanta que voc&ecirc; tenha um site r&aacute;pido no WordPress usando um <strong><a href=\"\/pt\/alojamento-wordpress\">hosting otimizado para o CMS<\/a>.<\/p>\n                    <\/div>\n        \n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-usando-o-bloco-do-gutenberg\">Usando o Bloco do Gutenberg<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A maneira mais f&aacute;cil de adicionar um favicon ao WordPress &eacute; usando o <a href=\"\/tutoriais\/gutenberg-pros-e-contras\">editor de blocos do Gutenberg<\/a>. Observe que este m&eacute;todo s&oacute; &eacute; poss&iacute;vel se voc&ecirc; usar um tema de blocos e a vers&atilde;o  5.9 ou superior do WordPress. Aqui est&atilde;o as etapas para fazer isso:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abra o Editor de Site navegando at&eacute; <strong>Apar&ecirc;ncia &rarr; Personalizar<\/strong> no painel do WordPress.<\/li>\n\n\n\n<li>Passe o mouse sobre a &aacute;rea onde deseja colocar o logotipo e clique no bot&atilde;o de <strong>inserir bloco (+)<\/strong>. Embora voc&ecirc; possa adicionar seu favicon em qualquer lugar do site, recomendamos adicion&aacute;-lo &agrave; &aacute;rea do cabe&ccedil;alho.<\/li>\n\n\n\n<li>Pesquise o bloco <strong>Logo do Site<\/strong> na barra de pesquisa e selecione-o para adicion&aacute;-lo ao seu site.<br><img decoding=\"async\" width=\"1024\" height=\"408\" class=\"wp-image-33000\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/logo-do-site-wordpress.jpg\" alt=\"op&ccedil;&atilde;o de inserir favicon no editor visual do gutenberg\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/logo-do-site-wordpress.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/logo-do-site-wordpress.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/logo-do-site-wordpress.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/logo-do-site-wordpress.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Clique no bot&atilde;o <strong>Add a site logo <\/strong>(Adicionar um logotipo de site) no bloco para abrir o pop-up da biblioteca de m&iacute;dia.<br><img decoding=\"async\" width=\"875\" height=\"217\" class=\"wp-image-33002\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/adicionar-logo-site-wordpress.png\" alt=\"adi&ccedil;&atilde;o de logo de site no wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/adicionar-logo-site-wordpress.png\/w=875,fit=scale-down 875w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/adicionar-logo-site-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/adicionar-logo-site-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/adicionar-logo-site-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 875px) 100vw, 875px\" \/><\/li>\n\n\n\n<li>Carregue seu arquivo de imagem ou selecione-o na biblioteca de m&iacute;dia. Clique em <strong>Selecionar<\/strong>.<br><img decoding=\"async\" width=\"957\" height=\"651\" class=\"wp-image-33003\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/biblioteca-midia-wordpress-popup-com-favicon-selecionado.png\" alt=\"Pop-up da biblioteca de m&iacute;dia do WordPress, mostrando um arquivo de favicon selecionado\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/biblioteca-midia-wordpress-popup-com-favicon-selecionado.png\/w=957,fit=scale-down 957w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/biblioteca-midia-wordpress-popup-com-favicon-selecionado.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/biblioteca-midia-wordpress-popup-com-favicon-selecionado.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/biblioteca-midia-wordpress-popup-com-favicon-selecionado.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/><\/li>\n\n\n\n<li>Voc&ecirc; ver&aacute; a imagem do favicon no bloco do logo do site. Clique no bloco e abra suas <strong>Configura&ccedil;&otilde;es<\/strong> no canto superior direito do editor.<\/li>\n\n\n\n<li>Abra a se&ccedil;&atilde;o <strong>Configura&ccedil;&otilde;es<\/strong> e ative a op&ccedil;&atilde;o <strong>Usar como &iacute;cone do site<\/strong>.<br><img decoding=\"async\" width=\"344\" height=\"427\" class=\"wp-image-33005\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/secao-configuracoes-bloco-logo-do-site-com-opcao-usar-como-icone-destacada.png\" alt=\"A se&ccedil;&atilde;o de configura&ccedil;&otilde;es para o bloco de logotipo do site, com a op&ccedil;&atilde;o de uso real&ccedil;ado como &iacute;cone do site\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/secao-configuracoes-bloco-logo-do-site-com-opcao-usar-como-icone-destacada.png\/w=344,fit=scale-down 344w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/secao-configuracoes-bloco-logo-do-site-com-opcao-usar-como-icone-destacada.png\/w=242,fit=scale-down 242w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/secao-configuracoes-bloco-logo-do-site-com-opcao-usar-como-icone-destacada.png\/w=121,fit=scale-down 121w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/li>\n\n\n\n<li>Clique em <strong>Salvar<\/strong> no canto superior direito do editor.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Usando o Personalizador do WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Voc&ecirc; pode adicionar um favicon ao personalizar a identidade do site no WordPress Customizer. Este m&eacute;todo &eacute; mais adequado para usu&aacute;rios de temas cl&aacute;ssicos com WordPress vers&atilde;o 4.3 ou superior, pois eles ter&atilde;o o recurso de &iacute;cone do site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Siga estas etapas para adicionar um favicon usando o WordPress Customizer:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navegue at&eacute; <strong>Apar&ecirc;ncia &rarr; Personalizador<\/strong> no seu painel. Se a op&ccedil;&atilde;o n&atilde;o estiver dispon&iacute;vel ou se voc&ecirc; usar um tema de bloco, use o slug \/wp-admin\/customize.php para abri-lo.<\/li>\n\n\n\n<li>Escolha a guia Identidade do site na barra lateral esquerda e clique no bot&atilde;o Selecionar &iacute;cone do site.<br><img decoding=\"async\" width=\"297\" height=\"585\" class=\"wp-image-33006\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/selecionar-icone-do-site.jpg\" alt=\"op&ccedil;&atilde;o de selecionar &iacute;cone do site no wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/selecionar-icone-do-site.jpg\/w=297,fit=scale-down 297w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/selecionar-icone-do-site.jpg\/w=152,fit=scale-down 152w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/selecionar-icone-do-site.jpg\/w=76,fit=scale-down 76w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/li>\n\n\n\n<li>O pop-up da biblioteca de m&iacute;dia do WordPress aparecer&aacute;. Fa&ccedil;a upload do seu favicon ou escolha uma imagem existente na biblioteca de m&iacute;dia. Clique em <strong>Selecionar<\/strong>.<\/li>\n\n\n\n<li>Voc&ecirc; ver&aacute; imediatamente na guia do navegador que o novo favicon est&aacute; definido. Clique no bot&atilde;o <strong>Publicar<\/strong> para salvar a altera&ccedil;&atilde;o.<br><img decoding=\"async\" width=\"1024\" height=\"689\" class=\"wp-image-33008\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/favicon-editado-no-site-wp2.jpg\" alt=\"Guia do navegador Chrome mostrando a interface do WordPress Customizer, com o novo favicon e o bot&atilde;o de publica&ccedil;&atilde;o destacado\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/favicon-editado-no-site-wp2.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/favicon-editado-no-site-wp2.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/favicon-editado-no-site-wp2.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/favicon-editado-no-site-wp2.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-usando-um-plugin-de-favicon-do-wordpress\">Usando um Plugin de Favicon do WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Outro m&eacute;todo para adicionar um favicon ao WordPress &eacute; usando um plugin. Existem v&aacute;rios plugins de favicon do WordPress, mas o <a href=\"https:\/\/br.wordpress.org\/plugins\/favicon-by-realfavicongenerator\/\" target=\"_blank\" rel=\"noopener\">Favicon by RealFaviconGenerator<\/a> &eacute; o mais bem avaliado. <a href=\"\/tutoriais\/como-instalar-plugins-wordpress\">Instale e ative<\/a> o plugin no painel do WordPress e siga estas etapas:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>V&aacute; para <strong>Apar&ecirc;ncia &rarr; Favicon<\/strong> no painel do WordPress.<\/li>\n\n\n\n<li>Clique em <strong>Selecionar da Biblioteca de M&iacute;dia<\/strong> para fazer upload ou escolher uma imagem de favicon. Voc&ecirc; n&atilde;o precisa editar sua imagem usando um software de edi&ccedil;&atilde;o porque o plugin far&aacute; isso por voc&ecirc;. Idealmente, sua imagem deve ter pelo menos <strong>260 x 260 pixels<\/strong> de tamanho.<br><img decoding=\"async\" width=\"987\" height=\"336\" class=\"wp-image-33009\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/selecionar-favicon-a-partir-da-biblioteca-de-midia.jpg\" alt=\"O painel do plugin RealFaviconGenerator, com o bot&atilde;o de sele&ccedil;&atilde;o da biblioteca de m&iacute;dia real&ccedil;ado\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/selecionar-favicon-a-partir-da-biblioteca-de-midia.jpg\/w=987,fit=scale-down 987w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/selecionar-favicon-a-partir-da-biblioteca-de-midia.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/selecionar-favicon-a-partir-da-biblioteca-de-midia.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/selecionar-favicon-a-partir-da-biblioteca-de-midia.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 987px) 100vw, 987px\" \/><\/li>\n\n\n\n<li>Clique em <strong>Gerar o favicon<\/strong>. O plugin o levar&aacute; ao site <strong>RealFaviconGenerator<\/strong>, onde voc&ecirc; poder&aacute; personalizar sua imagem.<\/li>\n\n\n\n<li>Selecione <strong>Use the original image as is<\/strong> (Usar a imagem original como est&aacute;) se n&atilde;o quiser alter&aacute;-la. Voc&ecirc; tamb&eacute;m pode escolher <strong>Add margins and a plain background<\/strong> (Adicionar margens e um plano de fundo simples) se desejar adicionar uma cor de fundo e modificar o tamanho da imagem.<br><img decoding=\"async\" width=\"1160\" height=\"570\" class=\"wp-image-33011\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/site-RealFaviconGenerator-mostrando-opcao-customizar-favicon.png\" alt=\"Site RealFaviconGenerator, mostrando a op&ccedil;&atilde;o de personalizar a imagem do favicon\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/site-RealFaviconGenerator-mostrando-opcao-customizar-favicon.png\/w=1160,fit=scale-down 1160w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/site-RealFaviconGenerator-mostrando-opcao-customizar-favicon.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/site-RealFaviconGenerator-mostrando-opcao-customizar-favicon.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/site-RealFaviconGenerator-mostrando-opcao-customizar-favicon.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/site-RealFaviconGenerator-mostrando-opcao-customizar-favicon.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1160px) 100vw, 1160px\" \/><\/li>\n\n\n\n<li>Role para baixo at&eacute; a parte inferior e clique em <strong>Generate your Favicon and HTML code<\/strong> (Gerar seu Favicon e c&oacute;digo HTML). Ele o levar&aacute; de volta ao painel de administra&ccedil;&atilde;o do WordPress.<br><img decoding=\"async\" width=\"1157\" height=\"360\" class=\"wp-image-33012\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator-gerador-favicon-secao-opcoes-com-opcao-generate-your-favicons-sublinhada.png\" alt=\"Se&ccedil;&atilde;o de op&ccedil;&otilde;es do gerador de favicon do RealFaviconGenerator com destaque para gerar seus favicons e bot&atilde;o de c&oacute;digo HTML\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator-gerador-favicon-secao-opcoes-com-opcao-generate-your-favicons-sublinhada.png\/w=1157,fit=scale-down 1157w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator-gerador-favicon-secao-opcoes-com-opcao-generate-your-favicons-sublinhada.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator-gerador-favicon-secao-opcoes-com-opcao-generate-your-favicons-sublinhada.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator-gerador-favicon-secao-opcoes-com-opcao-generate-your-favicons-sublinhada.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator-gerador-favicon-secao-opcoes-com-opcao-generate-your-favicons-sublinhada.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1157px) 100vw, 1157px\" \/><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Agora o favicon do seu site WordPress deve estar no lugar. Voc&ecirc; tamb&eacute;m pode verificar seu favicon no painel de administra&ccedil;&atilde;o do plugin clicando no bot&atilde;o <strong>Verificar seu favicon<\/strong>. Ele o levar&aacute; ao site <strong>RealFaviconGenerator<\/strong>, que mostra as pr&eacute;vias do seu favicon em v&aacute;rias plataformas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Observe que voc&ecirc; n&atilde;o deve desativar este plugin, pois ele desativar&aacute; automaticamente seu favicon.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como Adicionar um Favicon a um Site WordPress Manualmente<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Outro m&eacute;todo &eacute; adicionar o favicon ao WordPress manualmente. Este m&eacute;todo requer modificar alguns arquivos do WordPress. Portanto, recomendamos test&aacute;-lo em um <a href=\"\/tutoriais\/ambiente-de-teste-wordpress\">ambiente de prepara&ccedil;&atilde;o do WordPress<\/a> antes de aplic&aacute;-lo ao seu site real.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voc&ecirc; deve usar um gerador como o <a href=\"https:\/\/realfavicongenerator.net\/\" target=\"_blank\" rel=\"noopener\">RealFaviconGenerator<\/a> para criar o pacote favicon e o trecho de c&oacute;digo. Aqui est&atilde;o os passos para fazer isso:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abra o site RealFaviconGenerator e clique no bot&atilde;o <strong>Select your Favicon image<\/strong> (Selecione sua imagem de Favicon) para carregar sua imagem.<br><img decoding=\"async\" width=\"1024\" height=\"313\" class=\"wp-image-33166\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/homepage-do-RealFaviconGenerator-com-o-botao-selecionar-sua-imagem-favicon-destacado.jpg\" alt=\"P&aacute;gina inicial do RealFaviconGenerator, com o bot&atilde;o de sele&ccedil;&atilde;o de imagem de favicon real&ccedil;ado\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/homepage-do-RealFaviconGenerator-com-o-botao-selecionar-sua-imagem-favicon-destacado.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/homepage-do-RealFaviconGenerator-com-o-botao-selecionar-sua-imagem-favicon-destacado.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/homepage-do-RealFaviconGenerator-com-o-botao-selecionar-sua-imagem-favicon-destacado.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/homepage-do-RealFaviconGenerator-com-o-botao-selecionar-sua-imagem-favicon-destacado.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Role para baixo at&eacute; as op&ccedil;&otilde;es do gera&ccedil;&atilde;o de favicon. Na guia <strong>Path<\/strong> (Diret&oacute;rio), a op&ccedil;&atilde;o padr&atilde;o &eacute; colocar os arquivos de favicon no diret&oacute;rio raiz do seu site. Escolha a segunda op&ccedil;&atilde;o e defina o caminho caso queira coloc&aacute;-lo em outro diret&oacute;rio. Clique em <strong>Generate your Favicons and HTML code<\/strong> (Gerar seus Favicons e c&oacute;digo HTML).<br><img decoding=\"async\" width=\"1024\" height=\"319\" class=\"wp-image-33167\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator_s-favicon-generator-secao-opcoes.jpg\" alt=\"Se&ccedil;&atilde;o de op&ccedil;&otilde;es do gerador de favicon do RealFaviconGenerator, com o bot&atilde;o gerar seus favicons e c&oacute;digo HTML em destaque\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator_s-favicon-generator-secao-opcoes.jpg\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator_s-favicon-generator-secao-opcoes.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator_s-favicon-generator-secao-opcoes.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/RealFaviconGenerator_s-favicon-generator-secao-opcoes.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/li>\n\n\n\n<li>Baixe os arquivos de &iacute;cone clicando no bot&atilde;o <strong>Favicon package<\/strong> (Pacote Favicon). Ele cont&eacute;m os arquivos <strong>PNG<\/strong> e <strong>ICO<\/strong> da imagem selecionada. Mantenha esta p&aacute;gina aberta, pois voc&ecirc; deve copiar o c&oacute;digo do favicon posteriormente.<br><img decoding=\"async\" width=\"953\" height=\"367\" class=\"wp-image-33168\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/pagina-RealFaviconGenerator-com-o-botao-favicon-package-em-destaque.jpg\" alt=\"P&aacute;gina do RealFaviconGenerator com o bot&atilde;o do pacote favicon real&ccedil;ado\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/pagina-RealFaviconGenerator-com-o-botao-favicon-package-em-destaque.jpg\/w=953,fit=scale-down 953w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/pagina-RealFaviconGenerator-com-o-botao-favicon-package-em-destaque.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/pagina-RealFaviconGenerator-com-o-botao-favicon-package-em-destaque.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/pagina-RealFaviconGenerator-com-o-botao-favicon-package-em-destaque.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 953px) 100vw, 953px\" \/><\/li>\n\n\n\n<li>Use um <strong><a href=\"\/tutoriais\/como-configurar-o-cliente-filezilla\">cliente FTP<\/a><\/strong> ou o <strong><a href=\"\/tutoriais\/como-utilizar-o-gerenciador-de-arquivos-hostinger\">gerenciador de arquivos<\/a><\/strong> da sua conta de hospedagem para acessar o diret&oacute;rio raiz do seu site e fazer upload do pacote de favicon. Voc&ecirc; deve fazer o upload e extra&iacute;-lo na mesma pasta que os arquivos <strong>wp-admin<\/strong> <strong>e wp-content<\/strong>.<\/li>\n\n\n\n<li>Abra a pasta do seu tema ativo. Por exemplo, se voc&ecirc; estiver usando o tema Twenty Twenty, ela est&aacute; no caminho <strong>\/wp-content\/themes\/twentytwenty<\/strong>.<br><img decoding=\"async\" width=\"922\" height=\"489\" class=\"wp-image-33169\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2023\/02\/gerenciador-de-arquivos-hostinger-mostrando-diretorio-do-tema-twenty-twenty.jpg\" alt=\"Interface do gerenciador de arquivos da Hostinger, mostrando o diret&oacute;rio do tema Twenty Twenty com o caminho real&ccedil;ado.\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/gerenciador-de-arquivos-hostinger-mostrando-diretorio-do-tema-twenty-twenty.jpg\/w=922,fit=scale-down 922w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/gerenciador-de-arquivos-hostinger-mostrando-diretorio-do-tema-twenty-twenty.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/gerenciador-de-arquivos-hostinger-mostrando-diretorio-do-tema-twenty-twenty.jpg\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/gerenciador-de-arquivos-hostinger-mostrando-diretorio-do-tema-twenty-twenty.jpg\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 922px) 100vw, 922px\" \/><\/li>\n\n\n\n<li>Abra o arquivo de modelo <strong>header.php<\/strong> e cole o c&oacute;digo de favicon que voc&ecirc; pegou na p&aacute;gina RealFaviconGenerator. Certifique-se de adicionar sua pr&oacute;pria URL no atributo <strong>href<\/strong>. O resultado ficar&aacute; tipo assim:<\/li>\n<\/ol>\n\n\n\n<pre id=\"block-bf0c9edf-a79c-4f69-b525-adc176bb13b7\" class=\"wp-block-preformatted\">&lt;link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"https:\/\/website.com\/apple-touch-icon.png\"&gt;<br>&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"https:\/\/website.com\/favicon-32x32.png\"&gt;<br>&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"https:\/\/website.com\/favicon-16x16.png\"&gt;<br>&lt;link rel=\"manifest\" href=\"https:\/\/website.com\/site.webmanifest\"&gt;<br>&lt;link rel=\"mask-icon\" href=\"https:\/\/website.com\/safari-pinned-tab.svg\" color=\"#5bbad5\"&gt;<br>&lt;meta name=\"msapplication-TileColor\" content=\"#da532c\"&gt;<br>&lt;meta name=\"theme-color\" content=\"#ffffff\"&gt;<\/pre>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li>Salve as altera&ccedil;&otilde;es.<\/li>\n<\/ol>\n\n\n<div class=\"announcement-block announcement-block--important\">\n            <span class=\"announcement-block__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM13.637 7.65198C13.637 6.74791 12.9041 6.01501 12 6.01501C11.0959 6.01501 10.363 6.74791 10.363 7.65198C10.5335 9.53749 10.875 13.383 10.875 13.383C10.875 14.0043 11.3787 14.508 12 14.508C12.6213 14.508 13.125 14.0043 13.125 13.383V13.38L13.637 7.65198ZM11.9927 15.714C11.3714 15.714 10.8677 16.2177 10.8677 16.839C10.8677 17.4603 11.3714 17.964 11.9927 17.964H12.0073C12.6286 17.964 13.1323 17.4603 13.1323 16.839C13.1323 16.2177 12.6286 15.714 12.0073 15.714H11.9927Z\"\n                          fill=\"#FEA419\"\/>\n                <\/svg>\n                Important\n            <\/span>\n            <p class=\"announcement-block__content\">\n                <strong>Importante!<\/strong> Uma atualiza&ccedil;&atilde;o de tema pode reverter todas as modifica&ccedil;&otilde;es no arquivo header.php. Use um <a href=\"\/tutoriais\/como-criar-o-tema-filho-wordpress\">tema filho<\/a> se quiser modificar seu tema enquanto ele se mant&eacute;m atualizado.\n            <\/p><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-dicas-para-criar-um-favicon-para-seu-site-wordpress\">Dicas para Criar um Favicon para seu Site WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">&Oacute;timos &iacute;cones de site permitem que os usu&aacute;rios identifiquem rapidamente uma p&aacute;gina da web e criem uma associa&ccedil;&atilde;o de marca duradoura. Aqui est&atilde;o algumas dicas para criar um favicon exclusivo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Evite usar textos longos<\/strong>. O tamanho do favicon &eacute; t&atilde;o pequeno que mesmo um texto curto &eacute; dif&iacute;cil de ler. Considere criar um design diferente para o favicon do site se o seu logotipo incluir o nome completo da sua empresa.<\/li>\n\n\n\n<li><strong>N&atilde;o o atualize com muita frequ&ecirc;ncia<\/strong>. Um favicon ajuda os clientes a associar a imagem &agrave; sua marca. Se voc&ecirc; alterar o favicon com muita frequ&ecirc;ncia, ser&aacute; dif&iacute;cil para eles criar essa associa&ccedil;&atilde;o.<\/li>\n\n\n\n<li><strong>Escolha o esquema de cores certo<\/strong>. Como muitos navegadores permitem personaliza&ccedil;&otilde;es de sua apar&ecirc;ncia e o modo noturno est&aacute; cada vez mais popular, seu favicon deve ficar bonito independente das configura&ccedil;&otilde;es do browser. Recomendamos testar seu favicon com v&aacute;rias cores de fundo, como branco, cinza e preto.<\/li>\n\n\n\n<li><strong>Leia as diretrizes do Google<\/strong>. Siga as <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/favicon-in-search?hl=pt-br\" target=\"_blank\" rel=\"noopener\">diretrizes de favicon do Google<\/a> para que seu favicon seja exibido nos resultados de pesquisa do Google.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"\/pt\/hospedagem-barata\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-32927\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/26\/2023\/02\/BR-Web-hosting_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusao\">Conclus&atilde;o<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O favicon no WordPress &eacute; um pequeno &iacute;cone que representa o seu site nas abas do navegador. Sua presen&ccedil;a &eacute; importante para melhorar a experi&ecirc;ncia do usu&aacute;rio e o reconhecimento da sua marca.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O WordPress possui um recurso de &iacute;cone de site integrado, permitindo que voc&ecirc; adicione um &iacute;cone de favicon usando um destes m&eacute;todos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Usando o <strong>bloco<\/strong> <strong>de &iacute;cone do site<\/strong> no editor Gutenberg. Este m&eacute;todo &eacute; ideal para usu&aacute;rios de temas de blocos.<\/li>\n\n\n\n<li>Usando o WordPress Customizer para alterar as configura&ccedil;&otilde;es de identidade do site.<\/li>\n\n\n\n<li>Usando o plugin RealFaviconGenerator. Este m&eacute;todo permite que voc&ecirc; fa&ccedil;a upload do seu favicon e o selecione facilmente. Dito isto, voc&ecirc; deve manter o plugin ativado para que o favicon continue aparecendo.<\/li>\n\n\n\n<li>Editando os arquivos do tema manualmente. Recomendamos usar um tema filho se voc&ecirc; quiser editar arquivos de tema.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de fazer upload da imagem, certifique-se de que ela tenha o tamanho e a propor&ccedil;&atilde;o corretos do favicon do WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esperamos que este guia passo a passo ajude voc&ecirc; a configurar um favicon para o seu site WordPress.<\/p>\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Aprenda Mais Sobre WordPress                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><a href=\"\/tutoriais\/o-que-e-sidebar-no-wordpress\">O Que &Eacute; Sidebar no WordPress?<\/a><br>\n<a href=\"\/tutoriais\/remover-comentarios-wordpress\">Como Remover Coment&aacute;rios do WordPress<\/a><br>\n<a href=\"\/tutoriais\/adicionar-notificacoes-push-wordpress\">Como Adicionar Notifica&ccedil;&otilde;es Push no WordPress<\/a><br>\n<a href=\"\/tutoriais\/como-colocar-video-no-wordpress\">Como Colocar V&iacute;deo no WordPress<\/a><br>\n<a href=\"\/tutoriais\/como-aumentar-seguranca-no-wordpress\">12 dicas de Seguran&ccedil;a para WordPress<\/a><br>\n<a href=\"\/tutoriais\/como-atualizar-o-wordpress\">Como Atualizar o WordPress<\/a><br>\n<a href=\"\/tutoriais\/post-privado-wordpress\">O Que &eacute; Uma P&aacute;gina ou Post Privado WordPress?<\/a><\/p>\n                    <\/div>\n        \n<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>O favicon representa seu site do WordPress em v&aacute;rias plataformas. Ele aparece ao lado do t&iacute;tulo do site na guia do navegador, hist&oacute;rico e favoritos. Apesar de seu tamanho pequeno, ele tem um papel importante em ajudar os usu&aacute;rios a identificar seu site. Este artigo vai explicar como adicionar um favicon do WordPress usando quatro [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/como-adicionar-favicon-no-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":125,"featured_media":33178,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"4 Maneiras de Adicionar um Favicon ao WordPress","rank_math_description":"Adicione o bloco de logo do site usando o Gutenberg, fa\u00e7a upload ou selecione uma imagem e ajuste o tamanho. Aprenda como adicionar favicon do WordPress!","rank_math_focus_keyword":"como adicionar favicon no wordpress","footnotes":""},"categories":[],"tags":[],"class_list":["post-32999","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-adicionar-favicon-no-wordpress","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-adicionar-favicon-no-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/32999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=32999"}],"version-history":[{"count":11,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/32999\/revisions"}],"predecessor-version":[{"id":37466,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/32999\/revisions\/37466"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media\/33178"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=32999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=32999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=32999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}