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

Related Posts with Thumbnails

Comentários



11 Respostas em “Como adicionar um favicon no Wordpress”

  1. 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.

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

    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’

  3. 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

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

    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 :)

  5. 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.

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

    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

  7. 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?!

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

    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.

  9. 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 ?

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

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

  11. 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 comentário...
Se você quiser uma foto para ser mostrada no seu comentário, crie um gravatar!