Como adicionar um favicon para seu site WordPress

Vamos a uma dica muito legal para adicionar um favicon ao seu blog no WordPress, encontrada no Blog do The Best e ajustada e simplificada para tirar a dúvida de uma visitante de nosso blog que me mandou um email e motivou esta dica :)

O que é o tal do favicon?

Ele nada mais é que um ícone que fica ao lado do endereço do site/blog na barra do navegador.

Para que serve?

Ele serve para criar uma identidade do seu logotipo ao endereço do site/blog e para um melhor design (digamos assim).

Como criar um favicon.ico do meu logo?

Para isso basta você usar o serviço gratuito e online do site Dinamic Drive. Nele você envia uma imagem nos formatos gif, jpg, png e bmp, até 150 KB, que ele tranforma em um arquivo favicon.ico prontinho para ser usado.

Como colocar no Blog?

É bem simples !

Existe até um plugin do WordPress que o faz, mas julgo que seja totalmente desnecessário instalar um plugin que apenas adiciona 1 linha no cabeçalho de seu blog , então vou mostrar aqui a forma mais simples de fazer.

Entre as tags <head> e </head> de seu tema, normalmente encontradas no arquivo de cabeçalho (header.php) adicione a seguinte linha:

<link rel=”shortcut icon” href=”/favicon.ico”>

Lembrando que o href é o url de onde se encontra o favicon.ico. O indicado é que esteja na raiz do site.

Pronto, simples não ?

35 Comments

  1. Oi segui seu passo a passo e deu tudo certinho porem o favicon só aparece quando entro como o link de painel de administradora. O que faço??
    Obrigada

  2. Boa, funcionou perfeitamente.

  3. Obrigado pela dica, faz tempo que estava tentando colocar o favicon, coloquei a linha no arquivo header e apareceu na hora podem ver

  4. Opa! perfeito…

  5. <link rel="shortcut icon" href="/favicon.ico”>

    Obs.: não coloquei a tag php correta porque o sistema não aceita.

  6. Funcionou, mas apenas funciona na primeira página, o que pode ser?

  7. Como eu instalo o favicon na raiz do site?

  8. Funcionou! Parabéns

  9. Oi, queria ajuda para remover um favicon. Instalei o Joomla mas não gostei, então instalei o WordPress mas o favicon do Joomla permaneceu na minha home e não sei como tirá-lo. Já procurei em em todos os arquivos para exclui-lo mas não achei. Agradeço imensamente se puder me ajudar.

  10. Muito Obrigado deu certo.

Deixe uma resposta