O QUE É UM FAVICON ?
Em poucas palavras, o favicon é uma imagem pequena que aparece ao lado do endereço do site:

Favicon

Favicon

TUTORIAL PASSO-A-PASSO:
A primeira coisa a fazer é criar uma imagem nos tamanhos 16x16 pixeis. Eu neste tutorial vou utilizar o Photoshop, mas você pode utilizar outro programa qualquer.

Criar uma imagem no tamanho 16x16 e guarda-la no formato .png,
Vá ao site ConvertICO e faça o upload da imagem criada no ponto numero 1,

Favicon

Faça o download da imagem já no formato .ico,

Favicon

Agora que já tem a imagem no seu computador, altere o nome para favicon,

Favicon

Faça o upload do favicon para o seu alojamento ou aloje-o no MerryPic,

Vá a head do seu tema (template), entre as tags <head> ... </head> e cole o seguinte código:

<link href='https://www.wptotal.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.wptotal.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

(Não se esqueça de alterar o link directo para a imagem)

Guarde as alterações e teste no seu browser preferido 🙂

Nota: O favicon pode não aparecer logo. As vezes demora, é da cache do seu browser.

Espero que este artigo lhe tenha útil! Qualquer dúvida deixe um comentário!

Até breve 🙂