Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como criar e adicionar um WordPress Favicon ou ícone do site

Você está em:

Como criar e adicionar um WordPress Favicon ou ícone do site
O que é um favicon?  E como adicionar favicons ao WordPress

Um favicon, que é a abreviação de ‘ícone favorito’, também pode ser chamado de ícone do site. Se você olhar para a página do seu navegador agora, provavelmente haverá vários favicons exibidos. No entanto, você pode nunca ter notado conscientemente os favicons, esteja ciente do que são ou do que fazem. Então, o que é um favicon e por que seu site WordPress precisa de um?

Neste artigo, vamos explicar exatamente o que é um favicon e como ele pode beneficiar sua empresa ou blog. Em seguida, veremos como você pode adicionar um de forma rápida e fácil ao seu blog WordPress .

O que é um ícone Favicon/Site?

Captura de tela de exemplo de favicon

Um favicon é um ícone exibido em uma guia do navegador ao lado do título da página de um site. Os favicons também podem ser vistos ao lado do nome de um site em uma lista de sites favoritos, além de serem usados como ícones de aplicativos e no WordPress eles também podem ser chamados de “ícone do site”.

Os favicons geralmente levam a imagem do logotipo do site que eles representam. No entanto, eles também podem ser uma imagem vinculada à marca ou estilo de um site, se isso for mais adequado. Depois que um favicon é selecionado, ele não deve ser alterado, a menos que sua empresa passe por uma nova marca. Dessa forma, os visualizadores do seu site se familiarizam com seu favicon e o reconhecem em uma lista de guias do navegador.

A importância de usar um favicon

Importância de usar um favicon

Os favicons têm tudo a ver com marketing visual e conexão com os visitantes do seu site. Adicionar um favicon permitirá que seu público identifique subconscientemente e instantaneamente seu site WordPress em um mar de aplicativos ou páginas da web.

Essa familiaridade com seu favicon ajudará seu público a encontrá-lo de maneira rápida e fácil. Ele também lembrará os usuários da existência do seu site, resultando em um aumento no tráfego e no número de visitantes recorrentes. Por fim, um favicon ajudará seu site a se destacar da concorrência e a estabelecer seu site como uma fonte respeitável.

Como você pode ver, os benefícios de usar um favicon são enormes. Então, agora vamos descobrir como você pode criar um favicon e adicioná-lo ao seu site WordPress…

Criando um favicon

O primeiro passo no processo de favicon é criar uma imagem adequada. Como mencionado, um favicon deve, idealmente, ser a mesma imagem do logotipo do seu site, para que os visitantes possam reconhecê-lo imediatamente.

No entanto, às vezes com logotipos complicados, isso pode resultar em um favicon confuso ou confuso. Nesse caso, você terá que simplificar seu logotipo ou usar uma imagem diferente. Certifique-se de escolher algo que represente seu negócio e, obviamente, reflita sua marca.

Projetando ou editando uma imagem de favicon

De acordo com o WordPress Codex , as imagens de favicon precisam ser quadradas e ter pelo menos 512 x 512 pixels de dimensão. Embora as imagens possam ser cortadas no WordPress, aconselho editar sua imagem com antecedência usando um software de edição.

Se você deseja criar uma nova imagem do zero ou seu logotipo precisa de alguns ajustes sérios, é melhor usar um programa de edição profissional. Photoshop ou GIMP são ótimas opções.

Como usar o Canva

Criador de ícones do Canva

No entanto, uma solução mais fácil, para quem tem menos experiência em design, é usar o Canva . Este site de ferramentas de design gráfico gratuito permitirá que você edite facilmente uma imagem e a prepare para favicon. Redimensione seu logotipo ou altere a cor ou a transparência para criar uma imagem favicon que funcione para o seu site.

Quando estiver satisfeito com a imagem que você usará como seu favicon, ela precisará ser salva em um formato gif, png ou jpeg. Agora você está pronto para enviar seu favicon para o seu site WordPress…

Como adicionar um favicon ao seu site/blog WordPress?

Adicionar um ícone de site costumava ser deixado para desenvolvedores da Web e aqueles com conhecimento profundo de codificação. No entanto, felizmente, após o lançamento do WordPress 4.3, adicionar um favicon tornou-se extremamente fácil e direto.

Link do personalizador ao vivo do WordPress

Abra seu painel do WordPress e no menu selecione Aparência > Personalizar . Isso abrirá o personalizador do WordPress ao vivo com uma visualização da página inicial do seu site.

Selecione Identidade do Site . Aqui você verá o título do site e o ícone do site exibidos.

Identidade do site WordPress

No ícone do site , você pode adicionar, alterar ou remover seu favicon. Clique em Selecionar imagem .

Selecione a imagem do ícone do site WordPress

Sua biblioteca de mídia do WordPress aparecerá agora na sua tela. Selecione a guia Carregar arquivos  e, em seguida, solte sua imagem favicon na caixa ou selecione-a em seu computador.

De volta à sua Biblioteca de Mídia, verifique se sua imagem está marcada e clique em Selecionar no canto inferior direito. O WordPress agora perguntará se você deseja cortar sua imagem. Se você já editou sua imagem em um programa de edição, selecione Ignorar corte . Caso contrário, corte fora.

Visualização do ícone do site do personalizador

No personalizador, em Ícone do site,  você verá sua imagem carregada. Selecione Salvar e Publicar  na parte superior do personalizador e, em seguida, atualize a página. Agora você deve conseguir visualizar seu favicon na guia do navegador da sua página da web.

Exibição de URL Favicon

Se em algum momento você quiser alterar seu favicon, em Ícone do site ,  basta selecionar Alterar imagem . No entanto, como mencionado anteriormente, isso não é recomendado, a menos que você esteja fazendo um rebranding. Se você alterar continuamente seu favicon, seu público não poderá identificar qual imagem representa seu site quando estiver visualizando as guias ou aplicativos do navegador.

Outras maneiras de adicionar um favicon ao seu site WordPress

É claro que existem várias outras maneiras de adicionar um favicon ao seu site WordPress. Vamos dar uma olhada em algumas opções diferentes…

Favicon por RealFaviconGenerator

Banner RealFaviconGenerator

INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO

Muitas pessoas preferem usar plugins para adicionar funcionalidades ao seu site em vez de depender de um tema. Favicon by RealFaviconGenerator é um plugin do WordPress que é uma ótima opção se você deseja adicionar um favicon ao seu site.

Instale o plugin no seu site WordPress e, em seguida, basta apontar e clicar para carregar uma imagem e adicioná-la como favicon. RealFaviconGenerator irá então gerar todos os ícones que você precisa para vários navegadores e dispositivos. Este é um plugin simples e gratuito para baixar e usar.

Carregando através da página de opções do seu tema

Total de opções de favicon de tema

Muitos dos novos temas vêm com vários recursos e funcionalidades, tornando rápido e fácil para as pessoas configurarem novos sites WordPress. Alguns desses temas agora vêm com a opção de adicionar um favicon para você. Verifique a página Opções do seu tema para ver se este é um recurso que ele oferece. Por exemplo, o tema Total WordPress inclui opções para o seu Favicon (e vários tamanhos de dispositivo) no painel de temas integrado.

Usando o código

Se você é alguém que prefere codificar seu site, você pode enviar sua imagem favicon para o diretório raiz do seu site. O código então precisa ser adicionado ao seu arquivo header.php. Para obter mais informações sobre esse processo, bem como detalhes sobre o tamanho da imagem e o tipo de arquivo em que você precisa salvá-lo, consulte a documentação de suporte do WordPress .

Pensamentos finais

Como você pode ver, fazer upload de um favicon para o site WordPress é um processo muito fácil. Os benefícios de ter um favicon são impressionantes, uma tática de marketing que permitirá que seus usuários identifiquem seu site apenas por localizar sua imagem. Portanto, priorize encontrar meia hora livre no seu dia e configure seu site com um favicon.

Você já tem seu favicon instalado e funcionando? Por favor, compartilhe como você se saiu nos comentários abaixo…

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.