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 FaviconComo Adicionar Um Favicon no Seu Site

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/faviconComo Adicionar Um Favicon no Seu Site

Uma vez neste site é siga os seguintes passos:

  1. Selecione a imagem que servrá como favicon no seu computador;
  2. Clique em criar favicon de modo a criar a nova imagem;
  3. 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 .

  1. Adicione o favicon que acabou de criar no directório do seu site usando um FTP.
  2. 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

  1. Instale e active Jetpack
  2. Vá para o menú de opções do Jetpack Como Adicionar Um Favicon no Seu Site Em WordPress
  3. Na área onde estão os módulos selecione e active o módulo de ícone e clique para configurar;Como Adicionar Um Favicon no Seu Site Em WordPress
  4. Insira uma imagem do seu computador (esta imagem deve ter 512×512 Px);Como Adicionar Um Favicon no Seu Site Em WordPress
  5. Faça o upload da imagem Como Adicionar Um Favicon no Seu Site Em WordPress
  6. 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.

Similar Posts

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.