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. Não estou conseguindo fazer funcionar.

    Uso o tema inove no meu blog.

  2. Jefferson Rezende
    Jefferson Rezende

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

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

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

    • 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

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

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

    • 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’ (Sem os espaços)

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

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

  8. Obrigado!

  9. Alexandre Coimbra
    Alexandre Coimbra

    Muito bom!!!
    Estava mesmo querendo saber onde eu colocaria o código e instalar um Plugin somente para isso ia pesar o blog a toa!

  10. A melhor solução para quem está iniciando wordpress é:

    Coloque um icone com nome e formato: (favicon.ico) na raiz do template e depois insira o seguinte comando dentro do <HEAD>:
    <link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" media="screen" />
    =D OK –'-{@

Deixe uma resposta