O QUE É UM FAVICON ?
Em poucas palavras, o favicon é uma imagem pequena que aparece ao lado do endereço do site:
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.
1º Criar uma imagem no tamanho 16x16 e guarda-la no formato .png,
2º Vá ao site ConvertICO e faça o upload da imagem criada no ponto numero 1,
3º Faça o download da imagem já no formato .ico,
4º Agora que já tem a imagem no seu computador, altere o nome para favicon,
5º Faça o upload do favicon para o seu alojamento ou aloje-o no MerryPic,
6º 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)
7º 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 🙂
Info: Quer adicionar código nos comentários? Por favor use as tags <pre><code> ... </code></pre>
Comentários
Sem comentários até ao momento. Seja o primeiro a comentar!