janeiro 31, 2019
4min de leitura
Rafael H.
Favicon é o pequeno ícone quadrado que representa o seu site e geralmente aparece ao lado do título do site na guia do navegador. Um Favicon também aparece no histórico do seu navegador, nos favoritos e em qualquer local onde seu site precise de uma identidade visual.
Este pequeno detalhe é essencial para sua identidade online. Nós vamos discutir sobre a importância e como adicionar Favicon WordPress para blog e site da plataforma mais popular da web.
Conteúdo
Favicon basicamente é o RG do seu site. Portanto, é a sua logo que deverá aparecer ali. Ignorar a existência disso no seu site é uma falha grave.
Aqui estão algumas razões pelas quais Favicon é recomendado para o seu site.
Geralmente, seu favicon será a logo da sua marca. Para a imagem, o WordPress recomenda usar um padrão quadrado medindo 512px x 512px.
Você pode usar uma imagem maior, mas o WordPress provavelmente vai pedir que você recorte e ajuste ao tamanho padrão.
Para criar uma imagem com exatamente 512 pixels x 512 pixels de tamanho, você pode usar qualquer software de edição de imagens como o Adobe Photoshop (pago) e Gimp (gratuito) ou sites para gerar favicon online.
Embora você possa escolher uma cor de fundo para o seu favicon WordPress, a transparência é mais preferível. Você pode usar os formatos de arquivo .jpeg, .ico, .gif ou .png (use o formato .png apenas se usar um fundo transparente).
Quando as imagens estiverem prontas, você pode adicionar o favicon no seu blog ou site WordPress usando um dos três métodos abaixo.
Projetos do WordPress versão 4.3 em diante, você poderá adicionar favicon WordPress a partir do painel de controle do administrador. Para fazer isto, siga os passos abaixo:
Se você realizar o processo corretamente, seu favicon vai aparecer do lado do título do seu site. Para definir isso na tela inicial do seu smartphone, abra o seu site do seu celular e selecione a opção Adicionar à Tela Inicial.
Você também pode adicionar favicon ao WordPress com a ajuda de um plugin chamado Favicon by RealFaviconGenerator. É fácil usar e oferece mais funcionalidades. Estes são os passos que você deve seguir:
Nós recomendamos que você teste isto no seu site de desenvolvimento e testes antes de lançar o Favicon online.
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');
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 é imprescindível! E mais ainda quando Favicon WordPress se mostra como algo tão simples de criar.
Um Favicon representa a identidade do seu site. Vai ocupar um pequeno espaço no seu site, mas este pequeno detalhe vai influenciar no reconhecimento da sua marca e na experiência do usuário.
novembro 02 2018
Maravilhoso muito obrigada, me ajudou muito no meu novo projeto para esta empresa de alças de papel até logo!
agosto 04 2019
Muito bom seu conteúdo, mais eu coloquei na página do domínio normal ele aparece, mais quando é subdominio ele não aparece sendo que usei o mesmo cod. em: https://www.meusite.com.br/ - aparece normal em: https://teste.meusite.com.br/ - não aparece: veja o cód (desta forma aparece). Obrigada se puder me ajudar Elayne
junho 22 2020
Muito Obriga por essa explicação, vi vários videos e não explicaram direito. Esse passo a passo esta perfeito.
novembro 13 2020
Excelente!! Me ajudou demais! Muito obrigado!
Deixe uma resposta