Como Adicionar Um Favicon no Seu Site Em WordPress
Neste artigo pretendo mostrar como adicionar um favicon no seu site, provavelmente você esteja perguntando o que é um favicon. Por isso antes de lhe mostrar passo a passo como se cria um favicon e se insere no seu site, vou procurar a definição de favicon.
Vou visitar o Wikipedia e buscar lá a definição e vejamos o que poderemos encontrar. De acordo com Wikipédia temos a seguinte definição:
A palavra favicon origina de duas palavras em inglês ‘favorite’ e ‘icons’. Os favicons são pequenas imagens (normalmente 16 por 16 pixels) que ficam guardados no site para vizualização pelo navegador. Um exemplo é o “W” que aparece no seu browser quando você acessa a wikipedia.
Então de acordo com a definição que nos é dada nós já sabemos que favicon significa ícone favorite quando traduzido para Português. Elas são pequenas imagens normalmente no tamanho 16×16 pixels que aparecem no navegador, e que estão formato .ICO.
Porquê Adicionar Um Favicon
O favicon tem algumas funções que são importantes para o seu webiste, dentre as quais podemos destacar as seguintes:
- Eles ajudam os utilizadores do teu site a reconhecerem-no facilmente;
- Facilita no reconhecimento fácil da marca do seu site;
- Eles dão credibilidade ao seu site.
Como Criar Um Favicon
Criar um favicon é relativamente fácil e você poderá ter um a funcionar no seu site em muito pouco tempo. Isso é pelo facto de existirem muitas ferramentas que nos permitem criar o favicom. Das várias ferramentas existentes para criar um favicon há que mencionar as seguintes:
- Photoshop;
- Serviços/ferramentas Online;
- Plugins;
- Jetpack
Neste artigo eu mostrarei como criar um favicon usando uma ferramenta online, embora existam muitas que você pode escolher para tal. Neste artigo nós vamos usar a que se encontra neste site: dynamicdrive.com/favicon.
1. Em primeiro lugar tem que escolher a imagem ou logo que representa o seu site, abre a mesma em photoshop ou otro editor de imagens e coloque-a num quadrado de 128×128 px. Se quizer que ela apareça com um fundo transparente então crie um fundo transparente.
2. De seguida visite o link tools.dynamicdrive.com/favicon
Uma vez neste site é siga os seguintes passos:
- Selecione a imagem que servrá como favicon no seu computador;
- Clique em criar favicon de modo a criar a nova imagem;
- Faça o download da imagem para o seu computador
3. O terceiro passo resume-se em adicionar o favicon criado no seu site, e para tal terá que seguir os seguintes passos:
Adicione esta linha de código:
rel=”icon” type=”image/x-icon” href=”https://tecnofala.com/favicon.ico”> no tag do seu site ou tema/template de WordPress. Não se esqueça de substituir o meu link com o link do seu site.
No painel de administração vai para a apresentação e clique no link editor de temas, uma vez lá procure o link header.php. E insira o código entre o tag .
- Adicione o favicon que acabou de criar no directório do seu site usando um FTP.
- E é tudo para ver o seu favicon é só reiniciar a sua página e verá o seu novo favicon no seu site.
Se preferir usar um plugin para adicionar o favicon no seu site é só instalar o plugin All in One Favicon. Se tiver alguma dificuldade leia este artigo Para saber como instalar um plugin.
Como Adicionar Favicon Usando Jetpack
- Instale e active Jetpack
- Vá para o menú de opções do Jetpack
- Na área onde estão os módulos selecione e active o módulo de ícone e clique para configurar;
- Insira uma imagem do seu computador (esta imagem deve ter 512×512 Px);
- Faça o upload da imagem
- E salve o processo, Jetpack tomará conta de tudo para sí, criando um favicon e inserindo-o no lugar certo.
Seguiu todos esses passos então você já sabe como adicionar um favicon no seu site em WordPress. Se achou este artigo útil, partilhe com alguém que também vai se beneficiar dele. Não se esqueça de deixar o seu comentário na área dedicada para tal.
Nice article
I am glad you liked.