Precisa descobrir como adicionar um WordPress Favicon com facilidade? Descubra seguindo este tutorial
Um favicon é um pequeno ícone quadrado que representa seu site. Geralmente aparece ao lado do título do site na guia do navegador. Um favicon também aparece no histórico do navegador, nos favoritos e em qualquer lugar que seu site precise de uma identidade visual.
Este pequeno detalhe é essencial para a sua identidade online. Discutiremos o favicon do WordPress e como adicionar um ao seu site WordPress.
Mas antes de começarmos, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog
Então, voltemos ao porquê de estarmos aqui.
Por que adicionar um favicon ao seu site é importante
Um Favicon é basicamente o ID do seu site; portanto, é mais provável que seu logotipo apareça lá em cima. Ignorar sua presença em seu site é realmente um erro.
Aqui estão algumas razões pelas quais um favicon é vital para o seu site.
- Destaca-se como o reconhecimento de marca
A maioria dos usuários tende a abrir várias guias em seu navegador. Sem um favicon, você só pode ver a página ou o nome do post na guia do navegador. Além disso, se você abrir mais de 20 abas, elas ficam mais curtas e fica difícil identificar qual aba representa qual site.
Ter um favicon ajuda os usuários a identificar cada guia com mais facilidade. Se o seu favicon se destacar, ele não apenas melhorará sua visibilidade, mas também seu experiência do usuário. - Ganhar confiança
Você dará uma primeira impressão ruim aos seus usuários se não tiver um favicon. Um site sem um favicon não parece profissional.
Se você está construindo um site apenas para blogs diários, não ter um favicon pode ser irrelevante. Mas, torna-se essencial quando você está gerenciando um site de negócios ou uma loja online.
seu visitantes não confiará em nenhuma transação em um site que não pareça profissional. - Melhorando a experiência móvel
Esta é a era da experiência móvel. Ter um site responsivo pode não ser suficiente para encantar os usuários de dispositivos móveis, principalmente porque os aplicativos da web estão em alta no momento.
Os usuários podem simplesmente marcar um site na tela inicial do telefone. Chega de digitar URLs!
Nessa situação, ter um favicon bem feito servirá de duas maneiras diferentes. Primeiro, o favicon será usado como ícone do aplicativo e, segundo, as pessoas que usarem seu aplicativo da web lembrarão do seu ícone. Portanto, seu favicon será associado ao seu site.
Criação de favicon para WordPress
Normalmente, seu favicon é o logotipo da sua marca. Para a imagem, o WordPress recomenda que você use um quadrado, seja 512px x 512px.
Você pode usar uma imagem maior, mas o WordPress provavelmente exigirá que você a corte para caber no tamanho.
Para criar uma imagem do tamanho exato de 512 pixels x 512 pixels, você pode usar qualquer software de edição de imagem como do que Adobe Photoshop (pago) e galão (grátis) ou geradores de favicon
Embora você possa escolher uma cor de fundo para o seu favicon do WordPress, a transparência é preferida. Você pode usar os formatos . Jpeg,.ico, . Gif ou . Png (apenas certifique-se de usar o formato . Png se você estiver usando um fundo transparente).
Quando a imagem estiver pronta, você poderá adicioná-la ao seu site WordPress usando um destes três métodos:
1. Adicionando um WordPress Favicon através do WordPress Customizer
Da versão do WordPress 4.3, você pode simplesmente adicionar um favicon do WordPress na sua área de administração. Para fazer isso, siga os passos abaixo:
- Acesso a seu painel de administração
- Passe o mouse sobre Aparência -> Personalizar
- Escolher identidade do site
- Clique o botão Selecionar um foto abaixo a seção Ícone do site
- Carregue seu favicon que foi preparado
- Clique o botão Publicar para salvar a mudança.
Se você fizer o processo corretamente, seu favicon aparecerá ao lado do título do seu site. Para configurar isso em um dispositivo móvel, acesse seu site no telefone e selecione Adicionar à tela inicial.
Seu favicon aparecerá agora na tela inicial.
2. Adicione um Favicon ao site com um plugin do WordPress
Você também pode adicionar um favicon ao WordPress usando um plugin chamado Favicon por RealFaviconGenerator. É fácil de usar e oferece mais recursos. Aqui estão os passos necessários:
- Acesse seu painel de administração
- Escolher Extensões -> Adicionar
- tipo Favicon por RealFaviconGenerator na caixa de pesquisa
- Instale e ative o WordPress Plugin
- Após a ativação, vá para Aparência -> Favicon
- Carregue a imagem que deseja definir como favicon. Você não precisa editar sua imagem usando um software de edição de imagem. O plugin fará isso por você. Apenas certifique-se de que sua imagem tenha um tamanho de pelo menos 70 x 70px. É ainda melhor se for maior do que 260 260 x px.
- Depois de carregar a imagem, pressione o botão Gerar favicon.
- Depois de clicar no botão, o plugin irá levá-lo ao site Gerador RealFavicon.
- No site, localize e clique Gere seus Favicons e código HTML.
- O plugin irá levá-lo de volta ao seu site. Você receberá uma notificação de que seu favicon foi configurado.
- Verifique a aparência do seu favicon no seu navegador e dispositivo móvel.
3. Adicione manualmente um WordPress Favicon a um site
Recomendamos testar isso em seu site de desenvolvimento local antes de ser lançado.
- Acesse seus arquivos de tema através de um cliente FTP ou um gerenciador de arquivos
- Encontre a pasta
/wp-content/themes/votre-theme - Faça o upload do seu favicon para a pasta do seu tema. Recomenda-se baixá-lo em uma subpasta como Ativos
- Lembre-se deste caminho de arquivo
- Procure um arquivo chamado functions.php e adicione o seguinte código:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
add_action('wp_head', 'add_favicon');- A linha depois
href="'.get_template_directory_uri()deve ser o caminho para o seu favicon. Verifique também se você tem o nome de arquivo correto. Se você estiver usando um formato arquivo .ico, será este:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
add_action('wp_head', 'add_favicon');Ter um favicon é uma obrigação! Especialmente quando é tão fácil de criar. Um favicon representa a identidade do seu site. Pode ocupar apenas um pequeno espaço em seu site, mas esse pequeno detalhe tem um papel especial para melhorar o reconhecimento da sua marca e a experiência do usuário.
Outros recursos recomendados
Convidamo-lo também a consultar o Ressources abaixo para ter mais propriedade e controle de seu site e blog.
- Como adicionar autenticação Gmail no WordPress
- Como remover um tema WordPress de um site
- Como definir sua página inicial no WordPress
- Elementor: como adicionar um efeito sonoro de botão
- Como criar modelos personalizados WordPress
Conclusão
Isso é tudo para este tutorial que explica como adicionar um Favicon no WordPress. Se você tiver alguma dúvida ou sugestão, informe-nos dentro de Comentários.
No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
En attendant, compartilhe este artigo em suas diferentes redes sociais.
...
