Blog

Como adicionar um Favicon no WordPress

Favicon
Tutoriais

Como adicionar um Favicon no WordPress

Caso você ainda não saiba, Favicons são os pequenos ícones associados a um site web ou página web particular, que se mostram junto aos marcadores na barra de endereços da maioria dos navegadores. Os tamanhos mais utilizados para favicos são: 16×16, 32×32, 48×48, 64×64, 128×128. Ele ajuda os usuários a identificarem seu site e os visitantes mais frequentes a reconhecerem imediatamente aquele ícone. Isso aumente o reconhecimento da sua marca e ajuda a construir confiança entre o seu público-alvo. Em nosso post sobre os 24 erros mais comuns que você deve evitar, não ter seu próprio Favicon está entre os mais cometidos. Então, neste artigo vamos mostrar como adicionar um Favicon no WordPress. Se você ainda não tem um, aprenda com este guia a criar a identidade do seu site.

Por que você deve adicionar um favicon para seu site WordPress?

Como já falamos, o Favicon estabelece a identidade do seu site. Além disso, melhora a usabilidade do site e a experiência do usuário. A imagem a segui ajudará você a entender melhor o que falando: [imagem] Boa parte dos usuários acabam mantendo muitas guias abertas no seu navegador. Dependendo da quantidade de guias, o título do site não ficará visível. O Favicon ajuda o usuário a identificar rapidamente o seu site e mudar para a guia onde ele está.

Como criar um favicon

O Favicon é uma imagem quadrada simples. O tamanho padrão é 16x16px, mas pode ser 32×32, 64×64 ou até 128x128px. Abra um editor de imagem, como o Photoshop ou GIMP e crie uma imagem quadrada de 128x128px para que possa trabalhar facilmente na imagem. Depois de ter criado a imagem, você pode redimensioná-la para 32x32px e salvá-la como um arquivo PNG. Mesmo que a maioria dos navegadores atuais possam exibir um favicon em PNG, versões mais antigas do Internet Explorer não o fará. Para certificar-se que seu favicon seja exibido corretamente, recomendamos que você converta-o para um ícone (.ico) com 16x16px. Para converter seu favicon PNG em .ico você pode pesquisar ferramentas que fazem este trabalho online mesmo ou utilizar a Dynamic Drive’s favicon generator (Gerador Online de Favicon).

Como adicionar um Favicon no WordPress

Agora que você já criou e converteu seu favicon, envie-o para o diretório raiz do seu WordPress usando FTP ou o Gerenciador de Arquivos do cPanel. Depois disso abra o arquivo header.php do seu tema e verifique se existe e altere ou crie as seguinte linhas de código:

<link href="https://wordpress24horas.com.br/favicon.ico" rel="icon" type="image/x-icon" />
<link href="https://wordpress24horas.com.br/favicon.ico" rel="shortcut icon" type="image/x-icon" />

Substitua wordpress24horas.com.br pelo seu site e está pronto!

Se seu tema não tem um arquivo header.php, ou você não consegue encontrá-lo, então não se preocupe, tem um Plugin que ajuda você neste processo. Instale e ative Insert Headers and Footers (Insira Cabeçalhos e Rodapés). Depois de ativá-lo é hora de configurá-lo, vá até Configurações > Insert Headers and Footers e cole o código que fornecemos acima na seção do Cabeçalho e Salve as Configurações.

Vale dizer aqui, que muitos Temas WordPress já tem um espaço específico para você enviar seu favicon. Geralmente estas Configurações do Tema, quando disponíveis, ficam na Seção Aparência do Painel do WordPress. Veja se seu tema oferece o upload de um favicon! 😉

Se você prefere não ter que lidar com FTP ou com códigos poderá utilizar o Plugin chamado All in One Favicon.

Esperamos que este artigo tenha ajudado você a criar a identidade do seu site através do favicon. Deixe-nos saber, deixe seu comentário abaixo.

Deixe seu comentário aqui...

O seu endereço de e-mail não será publicado.

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Nosso site usa cookies e, portanto, coleta informações sobre sua visita para melhorar nosso site (por meio de análise), mostrar a você conteúdo de mídia social e anúncios relevantes. Por favor, consulte nossa página Termos & Políticas para mais detalhes ou concorde clicando no botão 'Aceitar'. OBS: Ao continuar a navegação, você, automaticamente, concorda.

Configurações de Cookies

Abaixo, você pode escolher os tipos de cookies que quer permitir neste site. Clique no botão "Salvar Configurações de Cookies" para aplicar sua escolha.

FuncionalNosso site usa cookies funcionais. Esses cookies são necessários para permitir que nosso site funcione.

AnalíticoNosso site usa cookies analíticos para permitir a análise de nosso site e a otimização para o propósito de a.o. a usabilidade.

Mídia SocialNosso site coloca cookies de mídia social para mostrar conteúdo de terceiros, como YouTube e Facebook. Esses cookies podem rastrear seus dados pessoais.

PublicidadeNosso site coloca cookies de publicidade para mostrar anúncios de terceiros com base em seus interesses. Esses cookies podem rastrear seus dados pessoais.

OutrosNosso site coloca cookies de terceiros de outros serviços que não são analíticos, mídia social ou publicidade.