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.
Descobrimos que muitas pessoas adiam a adição de um favicon porque acham que ele 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.
💡 Resposta Rápida: Como Adicionar um Favicon no WordPress
Aqui estão os principais métodos para adicionar um favicon ao seu site WordPress:
- Método 1: Personalizador do WordPress – Melhor para iniciantes que desejam uma solução rápida e integrada sem instalar nenhum plugin.
- Método 2: Editor de Site Completo do WordPress – Ideal se o seu tema suporta edição de site completo e você deseja mais controle sobre onde o favicon aparece.
- Método 3: Plugin de Favicon do WordPress – Ótimo para usuários que desejam opções de personalização extras ou uma maneira mais fácil de gerenciar favicons em vários sites.
- Método 4: Upload Manual via Código – Melhor para usuários avançados que se sentem confortáveis em editar arquivos de tema ou temas filhos, dando controle total sobre a colocação e o manuseio de arquivos.
Por Que Você Deve Adicionar um Favicon ao Seu Blog WordPress?
Um favicon ajuda os visitantes a reconhecer rapidamente o seu site WordPress em abas do navegador, favoritos e dispositivos móveis.
Ele também torna seu site mais profissional e fortalece a identidade da sua marca. Aqui estão alguns dos principais benefícios de adicionar um favicon ao seu blog WordPress:
- Melhore o Reconhecimento da Marca: Seu favicon ajuda a exibir seu logotipo ou ícone da marca em abas do navegador, favoritos e resultados de pesquisa.
- Facilite a Localização do Seu Site: Os visitantes podem identificar rapidamente seu site quando têm várias abas abertas.
- Crie uma Aparência Mais Profissional: Um favicon personalizado ajuda seu site a parecer mais polido e confiável.
- Melhore a Experiência Móvel: Quando os usuários salvam seu site na tela inicial do telefone, o favicon é frequentemente usado como ícone no estilo de aplicativo.
Veja como um favicon se parece em um navegador da web:
Como Criar um Favicon para o Seu Blog WordPress
Primeiro, vamos aprender como criar um bom favicon para o seu blog.
Ao criar seu favicon, é crucial considerar os vários tamanhos e formatos necessários para diferentes plataformas e dispositivos.
Aqui está um guia completo sobre dimensões de favicon e tipos de arquivo preferidos:
| Uso/Contexto | Tamanho Recomendado (Pixels) | Formato(s) Preferido(s) | Notas |
|---|---|---|---|
| Padrão do WordPress (Ícone do Site) | 512×512 (mínimo) | PNG, ICO, JPEG, GIF | Imagem quadrada para uso geral pelo WordPress; será redimensionada. |
| Aba do Navegador/Barra de URL | 16×16 | ICO, PNG | O tamanho de exibição mais comum em abas do navegador. |
| Favoritos/Marcadores | 32×32, 64×64 | ICO, PNG | Para exibição de alta resolução em menus e listas de favoritos. |
| Atalhos da Área de Trabalho | 32×32, 64×64, 128×128 | ICO, PNG | Para ícones na área de trabalho ou explorador de arquivos. |
| Ícone de Toque da Apple (Tela Inicial do iOS) | 180×180 | PNG | Para atalhos na tela inicial do iPhone/iPad (sem transparência). |
| Ícone do Android Chrome | 192×192 | PNG | Para atalhos na tela inicial do Android. |
| Bloco do Windows Metro | 70×70, 150×150, 310×310 | PNG, ICO | Para blocos do menu Iniciar do Windows (vários tamanhos para diferentes tipos de blocos). |
| Geral/Escalável | Vetor (sem tamanho fixo) | SVG | Formato vetorial para exibição nítida em qualquer tamanho (requer configuração do WordPress para upload). |
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.
No entanto, para o recurso integrado Ícone do Site do WordPress (usado no Personalizador e no Editor de Site), você ainda precisará fazer upload de uma imagem raster de 512×512 pixels como PNG, JPEG ou GIF.
Se você tem um blog de negócios, então 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, então 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 do favicon.
Outra opção que você pode usar é um gerador de favicon gratuito popular como o Favicon.io, confiável por milhões de usuários. 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 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?
- Perguntas Frequentes Sobre a Adição de Favicons
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 e é recomendado para usuários com Temas Clássicos. Tudo o que você precisa fazer é carregar sua imagem, e o WordPress cuida do resto.
Primeiro, navegue até Aparência » Personalizar no seu painel do WordPress.
Se você estiver usando um tema de blocos moderno e não conseguir encontrar o Personalizador, deve pular para o Método 2 abaixo ou ver 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 recorte. Se ele corresponder exatamente ao tamanho recomendado, então 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.
É isso! Agora que você carregou seu favicon, visite seu site WordPress para ver se ele já está no ar.
Método 2: Adicionando um Favicon Usando o Editor de Site do WordPress
Se você estiver usando um tema de blocos (como os comuns no WordPress 6.5+) e quiser adicionar o logotipo da sua marca como parte do cabeçalho do seu site e como ícone do site, então 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 blocos do cabeçalho do seu site.
Ao rolar para baixo, você verá várias partes do modelo: 'Cabeçalho', 'Rodapé' e 'Geral'.
Basta clicar na parte do modelo 'Cabeçalho' para adicionar seu favicon lá.
Em seguida, clique simplesmente na entrada 'Cabeçalho' para começar a editar a parte do modelo.
Você está agora dentro do Editor de Site 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 no seu cabeçalho. Neste exemplo, nós 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 carregar 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ê prefere usar um plugin de favicon do WordPress, siga este método para usar o plugin gratuito Favicon by RealFaviconGenerator. Ele tem mais de 200.000 instalações ativas e uma classificação de 4,9 estrelas no WordPress.org.
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 ícone do site tenha pelo menos 260 pixels de largura e altura, mas não menos 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, insira o número da versão do seu favicon existente no segundo campo.
Isso ajuda a garantir que os usuários que já visitaram seu site verão o novo favicon em vez do antigo devido ao cache busting adequado.
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
Importante: Antes de prosseguir com quaisquer modificações manuais de arquivos ou código, sempre crie um backup completo do seu site WordPress. Isso garante que você possa restaurar facilmente seu site se surgirem problemas.
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.
Além disso, é confiável por mais de 3 milhões de sites. Para detalhes, veja nossa análise completa do WPCode, onde mergulhamos em 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ê obtém acesso a recursos como lógica condicional inteligente e integrações de terceiros para gerenciar seu código de forma mais eficiente.
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 coisa que você precisa fazer é 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 página seguinte, você pode fazer o upload da sua imagem.
Em seguida, clique em 'Download' para salvar o arquivo zip do favicon, que contém seu favicon.ico, vários arquivos PNG de tamanhos como favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, e um arquivo site.webmanifest.
Certifique-se de manter esta página da web aberta enquanto você avança nas próximas etapas.
Agora, você precisa extrair o arquivo zip do favicon no seu computador primeiro. Em seguida, faça o upload dos arquivos extraídos, como favicon.ico, favicon-16x16.png, favicon-32x32.png e apple-touch-icon.png, para o diretório raiz do seu site.
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 ao WordPress e colar o código na seção 'Header' da página WPCode.
Isso injetará o código na seção <head> do seu site em cada página através do hook wp_head, portanto, nenhum arquivo de tema é modificado.
O código HTML do Favicon.io geralmente usa caminhos relativos (por exemplo, href="/favicon-32x32.png"), que estão corretos quando seus arquivos de favicon estão no diretório raiz. Geralmente, você não precisa modificar esses atributos href.
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?
Se você fez o upload de um favicon, mas ele não está aparecendo no seu site, não se preocupe — você não está sozinho. Este é um problema comum, muitas vezes causado por erros simples de favicon ou cache.
Geralmente é fácil de corrigir. Veja o que verificar:
- Limpe o cache do seu navegador: Os navegadores geralmente armazenam dados antigos do site. Limpar o cache geralmente resolve o problema. Você pode seguir nosso guia sobre limpeza do cache do navegador para instruções passo a passo.
- Limpe o cache da sua CDN: Se você estiver usando uma CDN, ela pode estar servindo o favicon antigo. Limpar o cache da CDN garante que o ícone mais recente do seu site seja exibido.
- Verifique em modo anônimo: Abra seu site em uma janela privada para confirmar se o favicon foi carregado corretamente.
- Reenvie com um nome de arquivo diferente: Se a instalação não funcionou, renomear o arquivo do favicon e reenviá-lo pode resolver o problema.
- Corrija erros de conteúdo misto: Se o seu site tiver conteúdo misto HTTP e HTTPS, o favicon pode não aparecer. Veja nosso guia sobre como corrigir erros de conteúdo misto no WordPress.
- Verifique os ícones do provedor de hospedagem: Às vezes, o favicon padrão do provedor de hospedagem é exibido em vez disso. Entre em contato com o suporte deles se isso acontecer.
- Verifique as ferramentas de favicon específicas do tema: Alguns temas têm uma opção dedicada para carregar um favicon. Certifique-se de que as configurações do seu tema não substituam o ícone padrão do site do WordPress.
💡Dica Profissional: Usar um provedor de hospedagem WordPress confiável com forte suporte pode economizar tempo e frustração ao solucionar problemas como um favicon ausente ou outros problemas de exibição do site.
Um bom host pode identificar rapidamente o cache do lado do servidor, erros de conteúdo misto ou outros conflitos que podem impedir que as alterações apareçam, para que você não precise descobrir sozinho.
Confira nossa lista dos melhores provedores de hospedagem WordPress para encontrar uma opção adequada.
Perguntas Frequentes Sobre a Adição de Favicons
Aqui estão algumas perguntas que nossos leitores fizeram com frequência sobre como adicionar favicons em seus sites WordPress:
Favicons melhoram o SEO?
Favicons não melhoram diretamente os rankings de SEO, mas aprimoram a experiência do usuário ao tornar seu site facilmente reconhecível em abas de navegador e favoritos. Isso pode apoiar indiretamente o engajamento e as taxas de cliques.
Favicons devem ser 16×16 ou 32×32?
Favicons são tipicamente 16×16 pixels para abas de navegador, mas 32×32 ou superior é recomendado para telas de alta resolução e para uso em favoritos ou atalhos. Usar múltiplos tamanhos garante que seu favicon fique nítido em todos os lugares.
Como adiciono um ícone a um site WordPress?
Você pode adicionar um ícone do site (favicon) através do Personalizador do WordPress, do Editor Completo do Site, de um plugin de favicon ou fazendo o upload manual para os arquivos do seu tema.
Quais são os erros comuns de favicon?
Erros comuns incluem usar o tamanho de arquivo errado, não fazer upload de um PNG transparente, ignorar versões de alta resolução e não limpar o cache. Isso pode impedir que o favicon apareça corretamente.
Esperamos que este artigo tenha ajudado você a adicionar um favicon ao seu site WordPress. Você também pode querer ver nossas seleções especializadas dos melhores criadores de logo gratuitos para ajudar você a ter uma aparência 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
Depende do plugin específico e do seu caso de uso. O artigo abaixo explica nossa opinião sobre quantos plugins um site deve ter
https://014.leahstevensyj.workers.dev/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
Fico feliz em saber que funcionou
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
Fico feliz que nosso guia tenha permitido que você o adicionasse em vez de precisar procurar mais
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
Fico feliz que nosso guia tenha sido útil
Admin
Max Anderson
O que o favicon do WPBeginner representa?
WPBeginner Support
Nosso blob é um design simples de um rosto sorrindo usando um ponto de exclamação e parênteses
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
Obrigado, fico feliz que você achou nosso conteúdo útil
Admin
Shomirul Islam Bonny
Obrigado! Me ajudou!
WPBeginner Support
De nada, fico feliz que tenha ajudado
Admin
Munendra Singh
post todo útil,, obrigado
WPBeginner Support
Fico feliz que você achou nosso post útil
Admin
Raj
Ótimo! Eu sempre passo pelos seus tutoriais quando me deparo com qualquer tipo de problema. Obrigado por isso.
WPBeginner Support
Obrigado, fico feliz que nossos artigos puderam ajudar
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
Obrigado por compartilhar esta informação caso outra pessoa encontre esse problema
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://014.leahstevensyj.workers.dev/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
Obrigado, fico feliz que você ache nossos tutoriais úteis.
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.