Adicionar um ícone (favicon) no seu blog WordPress

Aviso importante!

Eu sei que você não quer ver propagandas, porém o conteúdo gratuito só está aqui graças a publicidade. Considere desativar o AdBlock para esse site.

Neste artigo vou mostrar pra vocês como adicionar um favicon em seu blog WordPress. Muitas pessoas gostam de deixar o blog com a sua cara, e isto inclui trocar o icone padrão do site para um ícone personalizado. O favicon aparece antes do endereço do site nos navegadores, como mostra a imagem abaixo:

Bom, chega de papo e vamos ao que interessa: primeiramente você precisa de um ícone no formato .ico e de tamanho 16x16 pixels (pode até ser de outro tamanho, mas este é o mais indicado). Se você quiser converter uma imagem png em ico recomendo o site converticon.com, nele você pode transformar figuras em ícones facilmente.

Depois que você já tiver o seu ícone pronto, faça upload do mesmo dentro da pasta images de seu template.

Agora precisaremos editar o arquivo header.php do seu tema. Abra-o em um editor de texto/web e localize a tag <head>. Logo abaixo da tag adicione a seguinte linha (modificando o nome_do_seu_icone pelo nome que você escolheu para o ícone):

[sourcecode language="html"]<link rel="shortcut icon" href="<?php bloginfo('template_directory');?>/images/nome_do_seu_icone.ico">[/sourcecode]

Salve o arquivo e faça upload do mesmo para seu servidor. Pronto, agora você já tem um ícone personalizado em seu blog.

Espero que tenham gostado da dica, até mais...

Sobre o autor

Ricardo Bernardi

Sou técnico em hardware e desenvolvedor web, e sobre estes dois assuntos comecei a compartilhar aulas e artigos, tornando-me blogueiro em 2008. Em 2010 esse hobby virou profissão, e desde então tenho buscado melhorar e profissionalizar cada vez mais os projetos que mantenho na web.

Comentários

Atualmente temos 9 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.

  • Nathália Vaz comentou em

    Ricardo,

    Estou com dificuldades em colocar o ícone. Tem como você me ajudar?

    Estou com dois problemas.
    Quando vou carregar o ícone na pasta de imagens do worpress (midia) não acontece nada. Na parte de cima fala os formatos suportados e o .ico não está la.

    E na parte do header, eu não acho onde está o HTML para editar.

    Obrigada,
    Nathália

    Responder
      • Gustavo comentou em

        Olá Ricardo, pode nos ensinar o caminho passo a passo para usar o ftp e o header, infelizmente nao entendo nada de programação e acredito que essa deve ser a dúvida de muitas outras pessoas, muito obrigado :)

        Responder
    • Igor comentou em

      Oi Nathália.

      Primeiro procure um site que faz a conversão da imagem que você quer usar como icon (um que transforme jpg, png, gif etc em icon), feito isso vai no header do seu site e entre as tags e cole o código <link rel="shortcut icon" href="/images/nome_do_seu_icone.ico"> agora coloque a imagem do seu icon na pasta "images", pronto... Se tiver mais aluma dúvida ou precisar de ajuda é só falar.

      Responder
  • Alisson comentou em

    Olá Ricardo Eu De Novo Alisson
    Tem Uma Postagen De Como Botar
    Aquele
    sidebar
    Sobre o autor
    e a outra
    è Agora.

    Responder
    • Primeiramente quero informar que seus outros comentários não fazem relação com o conteúdo do post (assim como este) e por isso foram excluídos.
      Todas as aulas e artigos que temos estão publicadas no blog, sendo assim se não tiver a aula que você precisa, a mesma provavelmente não foi criada/postada.

      Responder
  • André Nascimento comentou em

    Oh meu velho que otima dica hein!!!!

    Sempre quiz aprender como fazer para aparecer este icone do site antes do nome do dominio....

    Valeu

    Abraços e vamo q vamo!!!@

    Responder

Deixe seu comentário