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 é essencial para o 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.
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 a adição de 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 torná-lo com fundo transparente, então você pode usar o Photoshop ou uma ferramenta de edição de imagem gratuita com 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 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 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 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 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.
É 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 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, 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 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 í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, 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 trecho de código, procure pelos atributos href. Você precisa substituir o nome do arquivo simples pela URL completa do seu site seguida pelo nome do arquivo (por exemplo, https://seusite.com/favicon.png).
Certifique-se de manter as aspas intactas para evitar erros.
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 que pode acontecer por vários motivos simples, e geralmente é fácil de resolver.
Veja o que verificar:
- Limpe o cache do seu navegador: Navegadores frequentemente armazenam dados antigos do site. Limpar o cache geralmente resolve o problema. Você pode seguir nosso guia sobre como limpar o 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 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.
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
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.
Matt
Super-easy! Thanks for that – I just need to go away and design a better logo now
Viscoun
Não funciona. Quando chego em Personalizar > Identidade do Site, a opção de ícone do site não aparece – diz apenas “Título do Site” e “Slogan”.
david
qual versão do wordpress você está usando?
Harshpreet
Oi, o mesmo problema que estou enfrentando e estou usando o site do wordpress no meu laptop para construir meu blog!
Gina
Estou tendo o mesmo problema. Estou usando o wordpress diretamente online, não baixei nada. Nenhuma opção de “ícone do site”.
WPBeginner Support
Por favor, veja nosso guia sobre a diferença entre WordPress.org auto-hospedado vs blog gratuito WordPress.com.
Admin
Lourika
Demorou uma eternidade para eu descobrir isso!!!!
No canto superior esquerdo, clique em MEUS SITES
Vá para WP Admin
Em seguida, clique em CONFIGURAÇÕES
e você poderá alterar o ícone (imagem) no lado direito……
Megan
Yay! Funcionou perfeitamente e as instruções foram super fáceis de seguir. Muito obrigado!
Malcolm Ruthven
Adicionei uma imagem jog de 512×512 pixels via Identidade do Site / Ícone do Site. A imagem aparece bem lá. Mas a imagem não aparece como favicon em nenhum navegador (Firefox, IE ou Chrome).
Shawna Marie
Fiz todos os passos. A imagem aparece no personalizador, mas não no site em nenhuma plataforma… iphone ou no meu iMac em nenhum dos navegadores. Existe um tipo de arquivo específico?
WPBeginner Support
O recurso de ícone do site suporta arquivos de imagem PNG, JPEG e GIF.
Admin
Mike Crutcher
Isso não funciona no meu site. Tenho o ícone no tamanho correto, mas ele não está aparecendo. Talvez seja por causa do meu URL personalizado?
Maria
Esta opção para alterar a Identidade do Site e adicionar o Favicon é específica do tema? Eu não tenho isso no meu site auto-hospedado.
Dave
Thanks! Worked great.
Arsh
Thank you !
Nikki
I am so glad to have stumbled upon your article. I had quit trying to figure out how to upload my favicon in the past because it felt impossible. But recently, I felt the need to take another stab at it. You made it so easy! I can’t recall it being this easy to upload before.
Thank you!
Nikki
Ruby Dawnbrooke
Olá!
I have a question, recently, I’ve used the plugin All in One Favicon. I uploaded my picture but it doesn’t show up if I’m not logged into WordPress, it just keeps on showing the HostGator favicon (regular), can anyone help?
bg
Here’s a stupid question: Why do they make it so complicated? This should be something that you can do in a couple clicks, like adding an image to a blog post.
WPBeginner Support
Actually, there is a feature currently in testing which will allow users to add favicon from theme customizer.
Admin
dzaken
thankyou so much, easer way to make it. love it
Bert Rinkel
I have a logo which I want to use. Is that possible? It is not in a square format at this point, but can be. How do I do that? Can I “create” one in iPhoto (on a Mac)? Where would I do that in iPhoto, and how? I have one on my dashboard now. Can I drag that somewhere? How do I save it as a PNG file? Where do I do that?
This is a nice general site to understand what a favicon is, but not on how to do it.
Mike
Olá Bert, eu ainda estou me familiarizando com este processo, mas estou bem até o ponto que você está tentando alcançar. Criar seu próprio logo ou editar um existente para que ele se encaixe pode ser feito em um programa como o Photoshop. Lembre-se de ir em Novo arquivo e definir o tamanho para 16x16 pixels. Importe sua imagem para isso e reduza-a para caber. Se você não tem Photoshop ou qualquer outro software de edição de imagem, você pode ir para onde as instruções são fáceis de seguir. Tenho certeza de que não precisa ser necessariamente um arquivo PNG. Mas tem que ser um .icon, que o site Favicon converterá para você a partir do .jpeg original que você carregou. Como eu tenho Photoshop, quando cliquei no botão Editar no iPhoto, ele abriu automaticamente o Photoshop. Veja o que acontece quando você faz isso no seu sistema. Pode abrir um método de edição alternativo. Espero que ajude. Eu sei como é ser um iniciante.
chukwubueze
Valeu cara.. seu site tem sido útil para mim e também seus vídeos no youtube. ainda estou trabalhando no meu site.. você pode dar uma olhada.
vinayak
Posso adicionar descrição meta e palavra-chave meta para o meu site usando este plugin.
4ryan
o que é este ícone touch da apple???
4ryan
obrigado, é isso que eu estava procurando, mas como posso adicionar o logotipo do site. wordpress.com tem a opção de adicionar o logotipo do site, mas não consigo encontrá-lo no CMS wordpress auto-hospedado
ConnieKirkpatrick
Thank you, this kept it simple and gives me a way to use this. Now, question: This will show a favicon for every page correct? What if I want a different one for each page?
Apoorva
Consegui adicionar o favicon sem a imagem de fundo. Mas quando mudo para outra aba no navegador, a imagem de fundo aparece. Por exemplo, se você olhar, o favicon está perfeito. Mas, quando você está em outra aba, você verá o fundo branco aparecer. Qualquer conselho seria muito apreciado! Obrigado!
mohammad raheem
Basta adicionar esta linha no seu header.php em qualquer lugar antes da tag.
e faça o upload do favicon.ico para a pasta raiz do seu site. Pasta raiz onde seu wp está instalado, não faça o upload do favicon.ico para subpastas. Atualize seu navegador uma ou duas vezes e seu ico aparecerá na aba.
Daniel Lobo
Isso definitivamente corrigiu o problema e mudou o favicon em todas as páginas, EXCETO na página inicial! Por que isso aconteceria?? Ajuda por favor! E obrigado!
Manuel Echeverry
ótimo! Eu farei isso
joe
este noob não usou a transparência
Emma Lock
Muito obrigado por tornar isso tão fácil de seguir!
Monu Saifi
Obrigado por dar as dicas para adicionar o ícone favicon ao meu blog.
Obrigado novamente
Richard
Existe alguma maneira de instalar o plugin all in one favicon através da minha página /wp-admin/ pelo meu navegador? Eu construí tudo diretamente pelo navegador, sem ftp nenhum.
shashi
eu posso ir em personalização do tema.. lá você vê a opção de fazer upload do ícone do favicon facilmente...
Lluisrd
Ótimo¡¡¡, Apenas editando apenas uma linha de (header.php) eu tenho um favicon.
Mas eu prefiro favicons de 128×128…. como o Google
TNXS
Kayode
Muito obrigado… Tentei o insert header and footer mas não funcionou, mas quando tentei o “All in one Favicon”, funcionou.. Muito obrigado..
Joel Mwakasege
Uau, obrigado, este foi um salvador de vidas. Meu blog estava apenas com o ícone padrão do WordPress.
Rahul
Qual a diferença?
Quer dizer, por que mexer com FTP, se um plugin simples está disponível e serve ao mesmo propósito?
Equipe Editorial
Como a tarefa é tão simples, pode ser feita evitando um plugin. Mas novamente, preferência pessoal.
Admin
Kelvin Hanratty
Existe alguma razão pela qual TEM que ser 16×16, por causa de telas de alta resolução ou, ouso dizer, “Retina” com maior densidade de pixels?
A razão pela qual menciono isso é que usei um site para converter uma imagem em um favicon e ele me deu vários tamanhos como opções: 16, 32, 64 pixels. O WordPress não atende a isso?
Excuse my ignorance, I’m pretty new to WordPress!
Kelvin.
Kelvin Hanratty
Desculpe, li errado a postagem abaixo sobre bluehost. Oops!
Praveen Prasad
Sem fazer upload de plugins, pode-se simplesmente aplicar um Favicon a um Site.
Passos Simples :-
1) CPanel de Hospedagem —> Gerenciador de Arquivos –>
2) Procure a imagem padrão na pasta do Tema.
Ex- genesis/images/ favicon.ico
Faça o upload do seu arquivo .ico para a mesma pasta e lembre-se do nome do arquivo padrão.
(aqui favicon.ico)
I don’t think that remembering a simple filename is annoying.
Em seguida, exclua este arquivo e renomeie o novo arquivo de imagem com o nome do arquivo anterior.
It Works
David
Sim, foi assim que fiz isso no bluehost. Eu apenas sobrescrevi o favicon.ico que estava lá com minha imagem carregada. A única coisa é que o original foi definido em 16×16 e eu tive que adicionar um 16×16 semelhante. Não aceitou um 32×32, mas tudo bem, funcionou facilmente.