Como adicionar um favicon no WordPress

Postado por Guga Alves  
No dia 4 de janeiro de 2009


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 ?

Abraços a todos,

Guga Alves


Leia também:

  1. Como adicionar o novo botão ‘Tweet’ do Twitter em seu site WordPress Lançado ontem o novo botão 'Tweet' ! De fácil e...
  2. Como adicionar o botão ‘Like’ do Facebook em seu site WordPress Quem acompanha a evolução dos blogs já deve ter notado...
  3. Como exibir o número de resultados na busca do WordPress Abra o arquivo search.php. Nele, procure pela seguinte linha: <h2...
  4. Como implementar widgets no seu template WordPress? O processo de integração de widgets no seu template WordPress...
  5. Como colocar Gravatar nos comentários do WordPress 2.7 Como vi que algumas pessoas tem chegado ao blog através...

Comentários

13 Respostas em “Como adicionar um favicon no WordPress”

  1. Allec Gomes em 21 de julho de 2010 as 16:49

    Obrigado!

  2. Jana em 15 de abril de 2010 as 14:32

    Olá! comecei a usar o wordpress agora, aliás, estou aprendendo a usar. Muito obrigada pela dica. Mas, não consegui colocar do modo como você mostrou… Então, peguei o código que vc ofereceu e, no lugar de favicon.ico, coloquei um direct link. Só assim funcionou! rs
    Beijuh!

  3. Caynan em 24 de agosto de 2009 as 19:56

    Ola Guga,
    So tenho a agradecer o seu blog esta sendo uma maravilha para mim que estou sainda do blogger e engatinhando no WordPress.

    muito obrigado por tudo.

    espero poder um dia compartilhar experiência com você.

    parabens pelo blog.
    e obrigado pela ajuda.

  4. Guga Alves em 24 de agosto de 2009 as 15:12

    Olá Caynan,

    O erro está no caminho do arquivo: a pasta ‘www’ em seu servidor corresponde ao endereço de seu site.

    Ao invés de escrever ‘/www’, digite o endereço de seu site ‘http://www.seusite.com.br/favicon.ico’

  5. Caynan em 24 de agosto de 2009 as 12:03

    Ola Guga, eu segui o seu tutorial, porem por alguma razão desconhecida o favicon insiste em não aparecer.

    ja coloquei o favicon no diretorio ” / ” e no ” /www ” porem ele insiste em não aparecer.

    alguma ideia do que possa ser?

    abraços

  6. Guga Alves em 23 de junho de 2009 as 9:23

    Oi Rapha,

    Isso é bem simples, basta colocar os arquivos na pasta wp-content/themes através de seu ftp. Mas, sempre lembrando que isso apenas é permitido se o WordPress estiver instalado em seu servidor, sites hospedados no wordpress.com apenas podem usar os temas disponibilizados por lá.

    Abraços e qualquer outra dúvidas é só falar :)

  7. rapha em 23 de junho de 2009 as 3:59

    Olá, eu tenho vários temas de templates do wodpress no meu pc, e gostaria de saber como eu add no meu blog
    abraços.

  8. Guga Alves em 23 de junho de 2009 as 2:18

    Olá Augusto,

    Tal alteração é permitida apenas usando o WordPress em seu servidor.. no WordPress.com tal alteração não é permitida, visto que necessitaria da edição do arquivo .css do tema usado, e no WordPress.com não é dada permissão para que os temas sejam alterados.

    Abraços

  9. Augusto em 23 de junho de 2009 as 0:57

    Ola!
    Estou iniciando minhas experiências com o wordpress e gostaria de saber se possível,como faço para ultilizar uma imagem que está no meu PC no fundo do meu blog?!

  10. Guga Alves em 9 de junho de 2009 as 15:03

    Pasta Raiz é a pasta inicial de seu site.. como eu seu pc, onde a pasta raiz do HD é C: , e todas as pastas dentro dele são sub-pastas.. entendeu ?
    No caso em questão, pasta-raiz do site, esta é a pasta /public_html ou /www , variando de acordo com a hospedagem usada.

  11. Jefferson Rezende em 9 de junho de 2009 as 14:45

    cara, o que significa exatamente qdo vc diz que o favicon deve estar preferencialmente na pasta-raiz do sitee ?

  12. Guga Alves em 13 de maio de 2009 as 20:53

    Cara, visitei seu blog e o favicon está funcionando normalmente…

  13. Thomy em 13 de maio de 2009 as 13:35

    Não estou conseguindo fazer funcionar.

    Uso o tema inove no meu blog.

Sinta-se livre para deixar um comentario...
Se você quiser uma foto para ser mostrada no seu comentário, crie um gravatar!