Um aspecto muitas vezes negligenciado de sites e marcas online vem na forma de um favicon. Um favicon é aquela pequena imagem exibida na aba do seu navegador. Ele te ajuda:
- Estabeleça sua identidade visual online
- Melhora a experiência do usuário
- Ajuda a fortalecer sua marca
E neste post, você aprenderá como adicionar um favicon ao seu site WordPress.
Começando…
Abaixo, discutiremos 3 métodos para adicionar um favicon no WordPress.
O primeiro método exigirá uma imagem quadrada de 512×512 pixels.
Isso deve ser fácil de criar se você tiver um logotipo para o seu site. E é o método mais fácil de longe.
Esta opção está disponível desde a versão 4.3 do WordPress, mas se você tiver uma versão mais antiga por qualquer motivo, você vai querer usar um dos 3 últimos métodos.
Veja o que fazer se você não tiver a versão 4.3:
Primeiro você precisa criar um arquivo .ico 16×16 ou 32×32. Infelizmente, a maioria dos programas de edição de imagem não suporta salvar diretamente no formato .ico, então você terá que criar uma imagem .png primeiro.
Depois de criar seu favicon, você precisa convertê-lo para o formato adequado. Existem muitos fabricantes de favicon online que tornam o processo fácil e indolor.
Os mais notáveis são: Faviconer e Dynamic Drive Favicon Tools . Todos eles são gratuitos e fazem um excelente trabalho de criação do favicon no formato .ico.
Quando estiver pronto, tudo o que resta a fazer agora é adicionar o favicon ao WordPress. Vou orientá-lo através de cada método passo a passo.
Método 1: carregue seu logotipo através do WordPress Customizer
Este é agora o método recomendado para adicionar um favicon no WordPress. E estará disponível desde que você tenha o WordPress versão 4.3 ou posterior.
É o método mais rápido e fácil de longe.
Você precisará de uma imagem de 512×512 pixels para fazer upload e não terá que se preocupar em convertê-la para o formato .ico – incrível!
Primeiro acesse o WordPress Customizer indo em Appearance > Customize :
Agora, o próximo passo pode variar um pouco para você e vou explicar o porquê em um segundo.
Para a maioria dos temas, você deve navegar até a opção de menu que diz S ite Identity :
Em alguns temas, esta opção dirá algo diferente para a Identidade do Site .
Eu vi isso chamado:
Título do site, slogan e logotipo ou logotipo e cabeçalho do site (este último estava sob outro menu chamado Geral ).
Não importa o que aconteça, a opção deve ser semelhante a uma das opções acima.
Em seguida, você terá a opção de fazer upload do ícone/favicon do seu site:
Uma vez carregado, clique em Salvar e Publicar – então está tudo pronto.
Pode ser necessário limpar o cache do site se estiver usando um plug-in de cache , junto com o cache do navegador. Mas é isso!
Método 2: carregando o favicon através da página de opções do seu tema
Mais e mais temas hoje são enviados com muitas opções – alguns deles incluem a opção de fazer upload de seu próprio favicon. Naturalmente, o primeiro lugar a procurar é a página de opções do seu tema. Se você tiver a opção de fazer upload de uma imagem de favicon – ótimo!
Basta fazer o upload da imagem criada e pronto. Certifique-se de salvar as alterações e atualizar a página. Seu favicon deve estar lá. Se você não conseguir vê-lo, certifique-se de limpar seu cache – isso deve resolver o problema.
Método 3: usando um plug-in
Se o seu tema não suporta esta opção, o segundo método mais fácil é adicionar um favicon com a ajuda de um plugin.
Rotador de favicon
O Favicon Rotator facilita muito a adição de um favicon – basta fazer o upload do favicon no menu Tema > Favicon e ele aparecerá no seu site. Você pode adicionar várias imagens e exibir um favicon aleatório para seus visitantes.
Tudo em um Favicon
Com o All In One Favicon , você pode carregar seu favicon e ainda suporta os ícones para dispositivos Apple Touch.
Para você
Aí está – 3 maneiras fáceis de adicionar um favicon no WordPress.
Isso ajudará a dar ao seu site uma aparência profissional e melhorar sua marca, o que é incrível.
E mesmo quando as pessoas têm muitas abas abertas no navegador, a sua vai se destacar por causa do seu novo favicon!
