Como adicionar um favicon.ico a um blog Wordpress

Nesta fase inicial do blog tenho sido confrontado com alguns desafios interessantes, tanto a configurar como a optimizar esta plataforma Wordpress. Tal como o próprio nome do blog indica, a Academia do Dinheiro não servirá exclusivamente para partilhar o meu modesto conhecimento com vocês mas, também para aprender cada vez mais.

Sabia de há muito tempo que era possível, isto para quem não sabe o que é, adicionar um mini-logotipo à barra de endereços. Este tipo de logotipo chama-se favicon, que é um acrónimo de Favourites Icon e tem extensão ico, ficando favicon.ico. Para além de embelezarem directamente a barra de endereços, têm a vantagem de ficar nos Bookmarks dando destaque ao site/blog. Estes ficheiros são por norma de tamanho 16×16, ou 32×32 px e são oriundos de um ficheiro png ou gif.

Para puderem editar e gravar este tipo de ficheiros precisam de software que suporte este tipo de extensão. Quem usa algum tipo de editor de imagem de topo não deve ter problemas, mas para quem não tem uma ferramenta destas à mão pode sempre fazer o download grátis do GIMP, poupando sempre algum dinheiro, sendo este compatível com as três principais plataformas, Windows, Linux e MacOSX.

Depois de escolherem a imagem que querem como favicon.ico e depois de a editarem no GIMP, têm de a colocar no servidor onde têm o blog alojado, no meu caso a FastDomain. Para isto devem ter ao vosso dispôr um programa de FTP, eu uso um simples e grátis que é o FileZilla, e fazer o upload do ficheiro para a raiz do vosso blog e também para o sub-directório correspondente ao theme que estão a usar:

1. http://www.example.com/favicon.ico
2. http://www.example.com/wp-content/themes/themequeescolheram/favicon.ico

Depois desta tarefa feita há-que editar o Cabeçalho do vosso theme. Façam login, escolham no menu principal, Apresentação -> Editor de Temas e na parte direita do vosso encrã encontrarão uma opcção que é o Cabeçalho (header.php). Logo depois da linha onde está </head> façam copy paste da seguinte linha de código:

<link rel=”shortcut icon” href=”<?php bloginfo(’template_directory’); ?>/favicon.ico” />

Nalguns browsers a alteração deve ser imediata, noutros não mas nada como apagar e criar outra vez o bookmark. Conseguiram fazer tudo bem?