Ao olhar para a aba do navegador do seu novo blog, você pode notar um pequeno favicon mostrando o logotipo do WordPress ao lado do nome do seu site.
Como esta é a configuração padrão para novos sites WordPress, é uma visão comum, mas também é uma oportunidade perdida de reforçar a identidade da sua marca.
Ao longo dos nossos anos administrando o WPBeginner, aprendemos que muitas pessoas adiam adicionar um favicon porque acham que requer habilidades de design ou conhecimento de codificação.
A verdade é que é muito mais simples do que isso, especialmente com os recursos modernos do WordPress.
Hoje, vamos guiá-lo pelas maneiras mais fáceis de adicionar seu próprio favicon ao seu site WordPress. Esses métodos são amigáveis para iniciantes e funcionam em todos os temas principais.
Por Que Você Deve Adicionar um Favicon ao Seu Blog WordPress?
Um favicon é essencial para adicionar ao seu blog WordPress porque ajuda os usuários a identificar seu site rapidamente e fortalece a identidade da sua marca. A partir desse pequeno ícone, os visitantes do site podem reconhecer facilmente seu blog.
Veja como um favicon se parece em um navegador da web:
Outro propósito de um favicon do WordPress é melhorar a experiência do usuário. Quando várias abas estão abertas, os usuários podem olhar para os favicons para saber em qual site eles estão e alternar para o que desejam.
Se os usuários adicionarem um ícone de atalho ou um favorito ao seu blog em seus dispositivos móveis, o favicon aparecerá como um ícone de aplicativo em sua tela inicial. Isso facilita o acesso ao seu site com um simples toque.
Favicons também podem ajudar na otimização para mecanismos de busca (SEO) do WordPress. Se você prestar atenção às páginas nos resultados de pesquisa, elas geralmente exibem o favicon do site antes do título meta da página. Isso pode fazer com que seu site pareça legítimo e confiável.
Como Criar um Favicon para o Seu Blog WordPress
Primeiro, vamos aprender como criar um bom favicon para o seu blog.
O tamanho ideal de favicon para WordPress é uma imagem quadrada de até 512 pixels de largura e altura. O formato da imagem do favicon pode ser ICO, JPEG, PNG ou GIF.
SVG também é um formato comum para favicons, mas eles não são aceitos pelo WordPress por padrão. Dito isso, você pode configurar o WordPress para permitir adicionar arquivos SVG.
Se você tem um blog de negócios, pode usar o logotipo da sua marca como ícone do favicon. Se você ainda não tem um, pode conferir nosso guia para iniciantes sobre como criar um logotipo para o seu site.
Se você já tem um logotipo pronto, mas quer tornar o fundo transparente, pode usar o Photoshop ou uma ferramenta de edição de imagem gratuita com um removedor de fundo automático. Apenas certifique-se de que o formato do arquivo seja PNG para manter a transparência no favicon.
Outra opção que você pode usar é um gerador de favicon gratuito como o Favicon.io. Esta ferramenta permite que você personalize um favicon do zero e baixe os arquivos nos formatos PNG e ICO.
Com isso em mente, veja como adicionar facilmente um favicon ao seu blog WordPress. Cobriremos 4 métodos, e você pode clicar nos links abaixo para pular para o método que deseja usar:
- Método 1: Adicionando um Favicon Usando o Personalizador do WordPress
- Método 2: Adicionando um Favicon Usando o Editor de Site Completo do WordPress
- Método 3: Adicionando um Favicon Usando um Plugin de Favicon do WordPress
- Método 4: Adicionando um Favicon Manualmente ao Seu Blog WordPress
- Por que meu Favicon do WordPress não está aparecendo?
Pronto? Vamos começar.
Método 1: Adicionando um Favicon Usando o Personalizador do WordPress
Este é o método mais fácil para alterar um favicon no WordPress. Tudo o que você precisa fazer é carregar sua imagem de favicon para o Personalizador do WordPress, e o resto será cuidado para você.
O primeiro passo é acessar o Personalizador do WordPress. Se você usa um tema clássico, pode navegar até Aparência » Personalizar para fazer isso.
Se você estiver usando um tema de bloco e não conseguir encontrar o Personalizador, confira nosso guia sobre como corrigir o Personalizador de Tema ausente no admin do WordPress.
Em seguida, vamos clicar na aba ‘Identidade do Site’ na barra lateral esquerda.
Aqui, você verá opções para personalizar seu ‘Logo do Site’, ‘Título do Site’, ‘Slogan’ e ‘Ícone do Site’.
Se você quiser adicionar um favicon ao site, precisará rolar para baixo até a seção ‘Ícone do Site’ e clicar em ‘Selecionar ícone do site’.
A Biblioteca de Mídia do WordPress agora aparecerá. Você pode selecionar uma imagem existente ou fazer o upload de um novo favicon personalizado do seu computador.
Neste exemplo, usaremos o logotipo do WPBeginner como ícone do site WordPress.
Após escolher uma imagem, clique no botão ‘Selecionar’ no canto inferior direito da janela.
Se o favicon for maior que o tamanho recomendado, o WordPress permitirá que você o corte. Se ele corresponder exatamente ao tamanho recomendado, você pode deixá-lo como está.
Assim que a imagem estiver boa, clique em ‘Cortar imagem’.
Depois disso, você retornará ao Personalizador do WordPress. Aqui, você pode finalizar a configuração do seu favicon clicando no botão ‘Publicar’ na barra lateral esquerda.
Pronto! Agora que você fez o upload do seu favicon, pode visitar seu site WordPress para ver se a imagem já está ativa.
Método 2: Adicionando um Favicon Usando o Editor de Site Completo do WordPress
Se você estiver usando um tema de bloco e quiser adicionar o logotipo da sua marca como parte do cabeçalho do seu site e como ícone do site, este método é para você.
Para isso, você precisa ir em Aparência » Editor no painel de administração do WordPress.
Nesta página, você encontrará vários menus para personalizar seu site, incluindo 'Navegação' e 'Estilos'.
Para este tutorial, você precisará clicar em 'Padrões' para acessar o padrão de bloco do cabeçalho do seu site.
Ao rolar para baixo, você verá várias partes de modelo: 'Cabeçalho', 'Rodapé' e 'Geral'.
Basta clicar na parte do modelo 'Cabeçalho' para adicionar seu favicon lá.
Em seguida, você verá um botão de lápis ao lado do texto Cabeçalho.
Clique nele para que você possa editar o padrão e inserir seu favicon do WordPress.
Agora você está dentro da experiência de edição de site completo do WordPress.
A partir daqui, você pode clicar no botão '+' para adicionar um bloco e pesquisar pelo bloco 'Logo do Site'. É aqui que você adicionará a imagem que se tornará seu favicon do WordPress.
Sinta-se à vontade para arrastar e soltar o bloco onde desejar em seu cabeçalho. Neste exemplo, o colocamos ao lado do título do site.
A próxima coisa que você fará é clicar no ícone de upload no bloco 'Logo do Site'.
Assim como no método anterior, você pode escolher uma imagem existente ou fazer o upload de uma nova da Biblioteca de Mídia do WordPress.
Depois disso, você precisa navegar até a barra lateral de configurações do Bloco no lado direito da página. Basta ativar a configuração ‘Usar como ícone do site’ para adicionar o logotipo como um favicon.
Finalmente, você pode clicar no botão ‘Salvar’ no canto superior direito da página para publicar seu favicon.
Você verá um aviso de que a alteração afetará todo o site. Apenas certifique-se de que a caixa ‘Ícone’ esteja marcada e clique em ‘Salvar’ novamente.
Agora que você passou por todas as etapas, pode abrir seu site para confirmar que a alteração foi bem-sucedida.
Método 3: Adicionando um Favicon Usando um Plugin de Favicon do WordPress
Se você preferir usar um plugin de favicon do WordPress, poderá seguir este método para usar o plugin gratuito Favicon by RealFaviconGenerator.
Primeiro, você precisa instalar e ativar o plugin. Para mais detalhes, você pode seguir nosso guia sobre como instalar um plugin do WordPress.
Uma vez ativado, você pode ir para Aparência » Favicon no seu painel do WordPress.
Depois disso, basta clicar no botão ‘Selecionar da Biblioteca de Mídia’ para fazer upload de uma nova imagem ou usar uma existente.
Observe que você precisará usar uma imagem quadrada. O plugin recomenda que o tamanho do ícone do site seja de pelo menos 260 pixels de largura e altura, mas não menor que 70 pixels.
Depois de escolher uma imagem, prossiga e clique no botão ‘Gerar favicon’.
Após isso, o plugin o levará ao site RealFaviconGenerator para editar o favicon.
Você pode personalizar várias configurações, como a cor de fundo e como ele aparece nas páginas de resultados de pesquisa do Google (SERPs), iOS, Android, macOS Safari, Chrome e Windows Metro.
Na seção ‘Opções do Gerador de Favicon’, você pode marcar a caixa para ver se o seu site já estava usando um favicon antes. Se sim, basta inserir um número no segundo campo para indicar a versão do favicon que você está usando.
Dessa forma, os usuários que visitaram seu site antes verão o novo favicon em vez do antigo.
Assim que tudo parecer bom, tudo o que você precisa fazer é clicar no botão ‘Gerar seus Favicons e código HTML’ para adicionar o favicon ao seu site WordPress.
Seu favicon agora deve estar ativo. Certifique-se de manter o plugin de favicon do WordPress ativo para que o favicon esteja sempre habilitado.
Método 4: Adicionando um Favicon Manualmente ao Seu Blog WordPress
Por último, mas não menos importante, você pode adicionar um favicon do WordPress ao seu blog editando manualmente os arquivos de código do seu tema.
Isso é útil se o seu Personalizador de Tema não tiver a seção ‘Identidade do Site’ ou se você usar um tema de blocos e quiser uma imagem de favicon diferente do logotipo do seu site.
A maneira mais fácil e segura de editar os arquivos de código do seu tema é com o plugin WPCode.
É o melhor plugin de trechos de código para iniciantes. Nós o usamos e descobrimos que ele permite inserir código personalizado com segurança, sem quebrar seu site.
Para mais detalhes, veja nossa análise completa do WPCode, onde detalhamos seus recursos.
Outra ótima vantagem do WPCode é que, se você atualizar seu tema, não perderá suas modificações de código, incluindo seu favicon.
Observação: Para este guia, você pode usar a versão gratuita do WPCode. No entanto, com a assinatura Pro, você terá acesso a recursos como lógica condicional inteligente e integrações de terceiros para gerenciar seu código com mais eficiência.
Para começar, você precisa instalar e ativar o WPCode. Para mais informações, você pode ver nosso guia passo a passo sobre como instalar um plugin do WordPress.
A próxima etapa é preparar seus arquivos de favicon. Para isso, você pode usar um gerador de favicon gratuito como o Favicon.io.
No site, você pode clicar em 'Image' para converter um arquivo de imagem em um arquivo zip e código HTML. Alternativamente, você pode usar a opção 'Emoji' ou 'Text' para criar um favicon usando os emojis e fontes disponíveis.
Na próxima página, você pode fazer o upload da sua imagem. Em seguida, clique em 'Download' para salvar o arquivo zip do favicon, que contém seus arquivos favicon.png e favicon.ico.
Certifique-se de manter esta página da web aberta enquanto você avança nas próximas etapas.
Agora, você precisa fazer o upload do arquivo zip do favicon para o diretório raiz do seu site. Para fazer isso, você pode usar o gerenciador de arquivos da sua hospedagem WordPress.
Alternativamente, você pode fazer isso através de um cliente FTP como o FileZilla. Para mais detalhes, confira nosso guia para iniciantes sobre como usar FTP para fazer upload de arquivos para o WordPress.
Assim que você tiver aberto os arquivos do seu site através do gerenciador de arquivos ou FTP, navegue até o diretório raiz.
O diretório raiz do WordPress geralmente é uma pasta chamada 'public' ou 'public_html', e contém pastas essenciais do WordPress como wp-content e wp-admin.
Neste ponto, você pode extrair e fazer o upload de todo o conteúdo do arquivo favicon que você baixou anteriormente para o diretório raiz.
Se você estiver usando o Gerenciador de Arquivos, poderá clicar no botão 'Upload' perto do topo.
Em seguida, uma nova aba aparecerá, pedindo para você fazer o upload dos arquivos.
Nesta página, você pode clicar no botão ‘Selecionar Arquivo’ e escolher todos os arquivos do favicon.
Agora, basta esperar que os arquivos sejam enviados com sucesso.
Assim que terminar, você pode voltar para a aba do gerenciador de arquivos. Agora você deverá ver todos os seus arquivos de favicon no diretório raiz, como na captura de tela abaixo:
Agora, vamos voltar para o painel de administração do WordPress.
Na barra lateral esquerda, você desejará navegar para Snippets de Código » Cabeçalho e Rodapé.
Depois disso, retorne para a aba Favicon.io de antes.
Em seguida, você precisa copiar o código HTML de lá. Ele deve ter 4 tags link rel no código.
Em seguida, você tem que voltar para o WordPress e colar o código na seção ‘Cabeçalho’ da página WPCode. Isso adicionará o código ao arquivo header.php do seu site.
No código, insira o URL completo do seu site entre aspas ao lado de todos os atributos href, como no exemplo abaixo. Lembre-se de adicionar http:// ou https:// se o seu site usar um certificado SSL.
Finalmente, você pode clicar no botão ‘Salvar Alterações’ no canto superior direito.
E é isso! Não se esqueça de visitar seu site para ver se a alteração do favicon foi bem-sucedida.
Por que meu Favicon do WordPress não está aparecendo?
Um motivo pelo qual seu favicon do WordPress pode não estar aparecendo é devido ao cache do navegador. Isso significa que seu navegador ainda está exibindo a versão antiga do seu site.
Para resolver esse problema, você precisa limpar o cache do seu navegador. Se precisar de ajuda, siga nosso guia sobre como limpar o cache do seu navegador.
Também é possível que você esteja usando um serviço de CDN que ainda armazena a versão antiga do seu site. Nesse caso, você precisa limpar o cache da CDN para atualizar o conteúdo do seu site.
Para verificar se o ícone do seu site WordPress foi carregado, você pode abrir seu site em modo anônimo ou em uma janela de navegação privada.
Se a instalação do favicon não foi bem-sucedida, você pode tentar reenviar a imagem com um nome de arquivo diferente para resolver o problema.
O recurso de ícone do seu site WordPress também pode não estar funcionando devido a um erro de conteúdo misto. Para resolver esse problema, confira nosso guia sobre como corrigir erros de conteúdo misto no WordPress.
Em alguns casos, você também pode descobrir que seu site está exibindo o favicon do seu provedor de hospedagem em vez do seu. Se isso acontecer, entrar em contato com a equipe de suporte deles pode ajudar a resolver o problema.
Recomendamos escolher um serviço de hospedagem WordPress confiável com excelente suporte ao cliente para resolver problemas como este de forma eficaz. Você pode conferir nossa lista dos melhores provedores de hospedagem WordPress para encontrar a melhor opção para o seu site.
Finalmente, você pode querer verificar se o seu tema WordPress tem uma ferramenta específica para carregar um favicon. Isso pode explicar por que os métodos acima não funcionam para você.
Esperamos que este artigo tenha ajudado você a adicionar um favicon ao seu site WordPress. Você também pode querer ver nossas melhores escolhas de criadores de logo gratuitos para ajudar você a parecer um profissional e nosso guia sobre como adicionar facilmente fontes de ícones ao seu tema WordPress.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Suman Sourabh
Adicionei um Favicon Usando o 1º método via "Personalizador do WordPress". Foi realmente muito fácil. Mas acho que não deveríamos usar um plugin para fazer essas tarefas menores, pois ter muitos plugins pode ser um desafio para manter. O que você acha?
WPBeginner Support
It depends on the specific plugin and it’s use case. The below article explains our opinion on how many plugins a site should have
https://www.wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
Admin
Hajjalah
Este artigo foi muito útil para mim porque eu estava me perguntando por que os logos de outros sites apareciam nos resultados de busca enquanto o meu não aparecia. Quando usei "Método 1: Adicionando um Favicon Usando o Personalizador do WordPress", apenas o Google aparecia. Também usei "Método 3: Adicionando um Favicon Usando um Plugin de Favicon do WordPress" e então a busca do Yandex começou a aparecer, mas os resultados de busca do Bing falharam em mostrar meu Favicon. Não sei por quê?
WPBeginner Support
Se você fez uma pesquisa recentemente após alterar seu Favicon, o motivo mais provável seria que o mecanismo de busca ainda não havia rastreado seu site novamente.
Admin
mohadese esmaeeli
Na minha opinião, ter um favicon pode atrair a atenção do público e adicionar um toque elegante e estético ao site no navegador. Talvez possa capturar o olhar do espectador e ser um recurso distintivo.
Jiří Vaněk
É exatamente como você diz. Um favicon é realmente sobre personalização e captura da atenção do usuário. Quando você tem várias abas abertas no navegador, pode identificar facilmente um site pelo seu favicon. É como um selo pessoal para o site, tornando-o fácil de lembrar. Além disso, quando você adiciona um site aos favoritos, ele é salvo com seu favicon, o que ajuda muito na navegação entre muitos favoritos, especialmente se eles não estiverem bem organizados. Considerando o quão pequeno é um favicon, ele é extremamente importante para um site, na minha opinião.
mohadese esmaeeli
Olá. A seção de favicon do meu site não está funcionando. Mesmo quando forneço a URL nas configurações do tema, ela não aparece. Também tentei pela parte do ID do site, mas dá um erro de não processamento da imagem. Você pode me orientar sobre isso?
WPBeginner Support
Se você estiver usando a opção integrada do seu tema, recomendamos primeiro entrar em contato com o suporte do seu tema, pois eles podem ter um requisito específico para a imagem do favicon usando a ferramenta deles.
Admin
Jiří Vaněk
Da última vez que fiz upload de um favicon para um site, lutei por muito tempo com o ícone não aparecendo no site. Limpei o cache do navegador e o próprio WordPress e não ajudou. Ele só apareceu horas depois. Se alguém estiver com problemas, o cache pode estar em muitos lugares. CDN, no elemento de rede em casa, no servidor. Portanto, às vezes é bom esperar um pouco e não se estressar imediatamente. Caso contrário, o Favicon é uma coisa pequena, mas é uma ótima maneira de personalizar sua própria página.
WPBeginner Support
Ter um favicon pode ajudar no seu SEO, bem como a ajudar os usuários a se lembrarem do seu site, mas não é obrigatório e o primeiro favicon que você definir pode ser alterado para um diferente mais tarde.
Admin
Peter Iriogbe
Agora entendo por que os proprietários de sites insistem em usar um Favicon que se parece com o logotipo do site deles.
Peter Iriogbe
É obrigatório fazer upload de um favicon ou ele influencia o ranking nas buscas?
Jiří Vaněk
O favicon não é necessário e não afeta o SEO e as buscas de forma alguma. É a personalização da página. Um favicon é ótimo de duas maneiras. Se alguém adicionar sua página aos favoritos, ele a reconhecerá imediatamente pelo favicon e não terá que procurar por muito tempo. A segunda coisa ótima é quando você tem várias páginas abertas no seu navegador. Você também pode reconhecer a página dada imediatamente pelo favicon. Portanto, eu definitivamente recomendo tê-lo, mesmo que não afete realmente o SEO e as buscas em si.
mohadese esmaeeli
Exatamente, concordo. Já passei pela mesma situação. Muitas vezes, ao pesquisar, abro vários sites e, depois de uma hora, percebo que tenho muitas abas abertas no navegador Chrome, bem na minha frente! No entanto, ter um favicon me ajuda a localizar rapidamente o site desejado entre as inúmeras abas.
Javi
a segunda alternativa funcionou, obrigado
WPBeginner Support
Glad to hear it worked
Admin
Meer Hamza
É obrigatório fazer upload de favicon em um site WordPress no formato de arquivo ICO?
WPBeginner Support
Não, não precisa ser no formato ico.
Admin
Meer Hamza
1-Posso simplesmente fazer o upload do ícone do site em tema>personalizar>ícone do site. Ele aparecerá como favicon?
2-Faço o upload do ícone do site no site do WordPress. É necessário mostrar o Favicon em site.com/favicon do URL?
WPBeginner Support
1. Sim, tudo bem fazer o upload de lá
2. Não é necessário, mas pode ser útil para encontrar o favicon mais tarde.
Admin
Alex Perry
Obrigado, depois de 2 horas de pesquisa finalmente encontrei. Como alterar o ícone do site…
WPBeginner Support
Glad our guide allowed you to add it instead of needing to search further
Admin
Ben
Acho que isso precisa de uma atualização. Tentei isso e não há uma aba "Identidade do Site" em Aparência > Personalizar
WPBeginner Support
Seu tema específico pode ter um editor personalizado ou, se você estiver usando o editor de blocos, poderá adicionar o bloco de logotipo do site, definir uma imagem e, nas configurações do bloco, definir isso como o favicon do site.
Admin
FAIZ
que ótimo guia, realmente é muito útil
WPBeginner Support
Happy to hear our guide was helpful
Admin
Max Anderson
O que o favicon do WPBeginner representa?
WPBeginner Support
Our blob is a simple design of a face smiling using an exclamation point and parenthesis
Admin
AL
Olá, o que fazer quando o Favicon não está aparecendo no navegador baseado em Chromium e aparece no Firefox.
WPBeginner Support
Normalmente, você vai querer limpar o cache do seu site, bem como tentar definir o favicon novamente por um motivo comum.
Admin
John
Sou novo nisso, então agradeceria alguma orientação com o favicon. O site que estou tentando cuidar precisa ter o favicon alterado. Posso carregar uma nova imagem como favicon que substituirá o favicon atualmente nas páginas ou devo excluir o atual e depois carregar uma nova imagem?
Obrigado por qualquer resposta
WPBeginner Support
Você deve entrar em contato com o suporte do seu tema específico para saber se o seu tema tem essa opção.
Admin
Ray
Eu estava bem no vídeo até você dizer “clique na identidade do site”… não existe essa aba na minha versão. A primeira opção é “Global”, depois Cabeçalho, Breadcrumb, UberMenu{main], Blog, etc. Sem “Identidade do Site”… então obviamente sem poder chegar a essa tela, não vou a lugar nenhum. Existe outra maneira de entrar?
WPBeginner Support
Se o seu tema tiver configurações diferentes e você não conseguir encontrar o favicon nas configurações de personalização, você deve entrar em contato com o suporte do seu tema específico para ver se eles o localizaram em uma área específica do tema.
Admin
Krishna
Oi Wpbeginner!
Estou usando o tema Astra e o Favicon do meu site está funcionando para todos, exceto nos resultados de pesquisa do Google. Como posso corrigir isso?
WPBeginner Support
Você precisará esperar pelo Google no momento.
Admin
Soul sultan
Este é o guia incrível sobre como adicionar favicon em um blog wodpress
WPBeginner Support
Thank you, glad you found our content helpful
Admin
Shomirul Islam Bonny
Obrigado! Me ajudou!
WPBeginner Support
You’re welcome, glad it helped
Admin
Munendra Singh
post todo útil,, obrigado
WPBeginner Support
Glad you found our post helpful
Admin
Raj
Ótimo! Eu sempre passo pelos seus tutoriais quando me deparo com qualquer tipo de problema. Obrigado por isso.
WPBeginner Support
Thanks, glad our articles could help
Admin
John Barson
Não consegue adicionar um favicon ao seu site WordPress? Esse era o meu problema. Fiz uma boa pesquisa onde finalmente encontrei meu problema. Foi porque a Biblioteca GD do PHP não estava habilitada. Felizmente, eu controlo meu próprio servidor. Eu tinha atualizado o PHP do servidor para a versão 7.2, mas esqueci de habilitar a biblioteca GD do PHP. Então… se você descobrir que, ao tentar adicionar o ícone do site na seção de aparência do seu painel do WordPress e a imagem que você carrega/seleciona não está sendo aceita ou você não consegue usar o recurso de cortar imagem, é muito provável que seu host de servidor web não tenha habilitado a Biblioteca GD.
WPBeginner Support
Thanks for sharing this information should someone else run into that issue
Admin
Cean Herzfield
Muito obrigado! Você me poupou muita frustração porque estou trabalhando no Xampp e ele estava desativado por padrão. Agora, não teria sido bom se eles tivessem mencionado isso no artigo.
Pritam
O favicon do meu site estava visível antes de eu mudar o DNS para Cloudflare. Agora ele está visível no lado do administrador, mas não no site. Como resolver este problema. você pode verificar no meu site
Michele A
Este tutorial foi maravilhoso! Muito obrigado pelo ótimo trabalho!
Jacques
Meu Favicon está atualizando no lado do ADMIN, mas não no lado do usuário
Tracy
Você conseguiu descobrir como consertar?
RAJ
“Quando vou para a aba “Identidade do Site”, não há lugar para fazer upload de um ícone do site. A única opção que tenho é o “Título do Site”. É SÓ ISSO!
Estou usando o WordPress 4.7.3.”
Bekzat Sadykov
Acho que o tema do WP que você está usando não tem o favicon implementado. Portanto, se ele não for declarado no arquivo theme functions.php, ele não aparecerá no lado do admin/editor.
Você pode codificá-lo diretamente no header.php ou usar plugins de terceiros.
jacob
role um pouco para baixo, você verá o local para fazer upload do seu favicon
Eleanor
Olá, recentemente atualizei meu site de HTTP para HTTPS e quando isso aconteceu, o ícone do site parou de funcionar. Isso significa que em algum lugar eu perdi uma etapa? Tentei mudar a imagem e fazer o upload de uma nova, mas isso não funcionou. Se alguém digitar o URL do site usando http, o favicon antigo (e não o ícone do site) aparece, mas no momento em que é https, ele desaparece. O ícone do site, no entanto, é visível quando estou logado no painel.
Matt Parker
Eleanor
Estou em HTTPS e tenho o mesmo problema, você encontrou uma solução?
O Favicon só aparece quando estou logado no modo de administração!
Jimmy
Quando vou para a aba “Identidade do Site”, não há lugar para fazer upload de um ícone do site. A única opção que tenho é o “Título do Site”. É SÓ ISSO!
Estou usando o WordPress 4.7.3.
Por favor, ajude!
Ahmed Akeem
Acho que o tema do WP que você está usando não tem o favicon implementado. Portanto, se ele não for declarado no arquivo theme functions.php, ele não aparecerá no lado do admin/editor.
Você pode codificá-lo diretamente no header.php ou usar plugins de terceiros.
Abubakar Sahabi Rafi
Realmente ajudou, mais sucesso para nós.
Tim
Alguém pode me dizer como essa nova funcionalidade de "Ícone do Site" deveria funcionar? Chego ao ponto em que o arquivo é carregado e recebo uma caixa de diálogo que oferece cortar a imagem. O problema é 1) minha imagem não precisa ser cortada e 2) não há botão "Salvar" (ou "Concluir" ou algo semelhante), apenas um botão "Cortar" e o X no canto superior direito para fechar a caixa de diálogo. Se eu clicar em "Cortar", recebo um erro (Erro ao cortar esta imagem, bla bla bla) e se eu apertar o X, ele fecha. De qualquer forma, minha imagem não é salva como Ícone do Site (mesmo que seja salva na biblioteca de mídia. Após excluir a imagem, redimensioná-la para exatamente 512x512, eu a carrego novamente. Desta vez, nenhuma caixa de diálogo de corte, apenas a caixa de diálogo "Selecionar" imagem. Eu clico em selecionar, a imagem tem uma caixa ao redor e um sinal de verificação e nada mais acontece. Nenhum Salvar, etc. Quando fecho a caixa de diálogo, ainda há "Nenhuma imagem selecionada". Isso acontece no Chrome E no Firefox. Estou pronto para jogar o WordPress fora e codificar tudo manualmente. Não uso o WordPress há alguns anos e estou frustrado com o que parece ser um design falho, de má qualidade e com excesso de funcionalidades.
Brian
código fácil de interpretar, funcionou. obrigado...
Jason
Por que precisa ser 512 pixels para um ícone? Espero que seja convertido em algum lugar dentro do WordPress, uma vez e pronto, e não a cada carregamento. 512x512 é loucura para algo que raramente seria maior que 32x32, a menos que eu esteja perdendo alguma coisa?
John Krawczyk
Artigo não útil. Todos dizem para criar um caminho para o seu favicon e é só isso.
No entanto, você inclui http: www http você especifica .ico .png?
Ninguém diz nada em detalhe.
WPBeginner Support
Olá John,
Sim, você precisa incluir o URL completo assim:
https://www.wpbeginner.com/favicon.pngAdmin
Joe
Usando WP4.7 e a funcionalidade Ícone do Site funciona, mas parece estranho para mim. O resultado são 4 links na seção:
Mas ele cria 10 versões diferentes da imagem do ícone do site, além da original, nos tamanhos 32×32, 100×100, 150×150, 180×180, 192×192, 250×250, 270×270, 300×300, 360×360, 500×310.
Por que tantas imagens cortadas se apenas 4 estão vinculadas?
Além disso, eu envio uma imagem de ícone de 512×512, como recomendado, mas a versão 500×310 é sempre cortada, de modo que a parte superior e inferior do ícone é cortada. Existe alguma maneira de contornar isso e/ou é um grande problema?
Qual suporte de navegador este Ícone do Site WP cobre (principalmente em relação a quão longe para trás no IE)?
Obrigado!
Marieke
No Whatsapp, a imagem que aparece à esquerda de um link se você enviar um link: é o mesmo ícone? Porque eu não vejo lá.
Sunil
Marieke, É a imagem destacada, você faz o upload para uma postagem específica.
Cos
O plugin ICO Format para Adobe Photoshop não permite imagens com mais de 256 pixels de altura ou largura. Então, como você cria uma de 512px???
Marieke
Não precisa ser um .ico. Apenas um .png ou .lpg simples serve quando você trabalha no Wordpress.
Salim Ahmed
Instrução informativa. Agora estou seguindo suas dicas e truques. Obrigado por compartilhar.
Taimoor Ahmed
Por favor, me diga algum site ou software onde eu possa criar um favicon eficaz para o meu site rapidamente????
Kirstie
Obrigado por mais um tutorial fácil de seguir. Sou um iniciante de verdade e vocês fazem um ótimo trabalho explicando as coisas de uma forma que eu consigo entender.
WPBeginner Support
Thanks, glad you find our tutorials helpful.
Admin
Nelson
obrigado bom tutorial fácil e funciona
c
o adicionar logo em alguns temas não é para favicon, é para o logo do cabeçalho
ccstacyline
como é que o menu de identidade do meu site não tem o serviço para ícone do site? Estou tão frustrado... você pode ajudar?
John Davis Frain
As instruções que você dá aqui são específicas do tema? Estou usando o tema Delicacy, e ele não me dá a opção de alterar a Identidade do Site e inserir um Favicon.
WPBeginner Support
Não, não é específico do tema. Certifique-se de que você está usando a versão mais recente do seu tema.
Admin
Mad Dog Malcs
Olá, eu também não vejo a aba de identidade do site, estou usando o tema sketch, como eu atualizo um tema?
Agradeço desde já, Malcs
shashi
eu posso ir em personalização do tema.. lá você vê a opção de fazer upload do ícone do favicon facilmente...
Antonios
Você pode não ver a palavra "favicon", provavelmente "ícone do site". Se você vir uma barra de rolagem, talvez precise rolar até o final para ver a caixa de seleção de imagem.
a
Você pode adicionar um favicon pelo editor "Personalizar" do WordPress, que pode ser encontrado em todo site WordPress.
Alan
Eu faço o upload de um arquivo PNG que tem exatamente 512×512 pixels, o WordPress o salva, e então eu acabo com uma imagem cortada na minha biblioteca de mídia. Super irritante! WordPress 4.4.
Alan
Eu deveria adicionar que a nova imagem cortada tem exatamente as mesmas dimensões da original que eu fiz o upload, mas agora eu tenho duas na minha biblioteca (embora uma tenha sido processada duas vezes e na verdade aumentou dois kilobytes no tamanho do arquivo!).
Katherine Johnston
Eu percorri o diretório, exatamente como você descreveu, mas minha aba Identidade do Site tem apenas "Título do Site", "Slogan" e uma caixa de seleção para exibir texto de cabeçalho. Como posso corrigir isso? Ou tenho que ir pelo caminho do FTP?
Obrigado pela ajuda!
Rahul Thakur
muito obrigado, maneira muito simples, adorei.
Liz
Excelentes instruções, levei cerca de 32 segundos para fazer. Fabuloso! Obrigado
Erin
Obrigado! Isso foi muito útil.
Marie Bock
Uau! Foi tão fácil com a versão mais recente do WordPress.