Como adicionar um favicon para seu site WordPress
Vamos a uma dica muito legal para adicionar um favicon ao seu blog no WordPress, encontrada no Blog do The Best e ajustada e simplificada para tirar a dúvida de uma visitante de nosso blog que me mandou um email e motivou esta dica 🙂
O que é o tal do favicon?
Ele nada mais é que um ícone que fica ao lado do endereço do site/blog na barra do navegador.
Para que serve?
Ele serve para criar uma identidade do seu logotipo ao endereço do site/blog e para um melhor design (digamos assim).
Como criar um favicon.ico do meu logo?
Para isso basta você usar o serviço gratuito e online do site Dinamic Drive. Nele você envia uma imagem nos formatos gif, jpg, png e bmp, até 150 KB, que ele tranforma em um arquivo favicon.ico prontinho para ser usado.
Como colocar no Blog?
É bem simples !
Existe até um plugin do WordPress que o faz, mas julgo que seja totalmente desnecessário instalar um plugin que apenas adiciona 1 linha no cabeçalho de seu blog , então vou mostrar aqui a forma mais simples de fazer.
Entre as tags <head> e </head> de seu tema, normalmente encontradas no arquivo de cabeçalho (header.php) adicione a seguinte linha:
<link rel=”shortcut icon” href=”/favicon.ico”>
Lembrando que o href é o url de onde se encontra o favicon.ico. O indicado é que esteja na raiz do site.
Pronto, simples não ?
Não estou conseguindo fazer funcionar.
Uso o tema inove no meu blog.
Cara, visitei seu blog e o favicon está funcionando normalmente…
cara, o que significa exatamente qdo vc diz que o favicon deve estar preferencialmente na pasta-raiz do sitee ?
Pasta Raiz é a pasta inicial de seu site.. como eu seu pc, onde a pasta raiz do HD é C: , e todas as pastas dentro dele são sub-pastas.. entendeu ?
No caso em questão, pasta-raiz do site, esta é a pasta /public_html ou /www , variando de acordo com a hospedagem usada.
Ola!
Estou iniciando minhas experiências com o wordpress e gostaria de saber se possível,como faço para ultilizar uma imagem que está no meu PC no fundo do meu blog?!
Olá Augusto,
Tal alteração é permitida apenas usando o WordPress em seu servidor.. no WordPress.com tal alteração não é permitida, visto que necessitaria da edição do arquivo .css do tema usado, e no WordPress.com não é dada permissão para que os temas sejam alterados.
Abraços
Olá, eu tenho vários temas de templates do wodpress no meu pc, e gostaria de saber como eu add no meu blog
abraços.
Oi Rapha,
Isso é bem simples, basta colocar os arquivos na pasta wp-content/themes através de seu ftp. Mas, sempre lembrando que isso apenas é permitido se o WordPress estiver instalado em seu servidor, sites hospedados no wordpress.com apenas podem usar os temas disponibilizados por lá.
Abraços e qualquer outra dúvidas é só falar 🙂
Ola Guga, eu segui o seu tutorial, porem por alguma razão desconhecida o favicon insiste em não aparecer.
ja coloquei o favicon no diretorio ” / ” e no ” /www ” porem ele insiste em não aparecer.
alguma ideia do que possa ser?
abraços
Olá Caynan,
O erro está no caminho do arquivo: a pasta ‘www’ em seu servidor corresponde ao endereço de seu site.
Ao invés de escrever ‘/www’, digite o endereço de seu site ‘http : // www . seusite . com . br/favicon.ico’ (Sem os espaços)
Ola Guga,
So tenho a agradecer o seu blog esta sendo uma maravilha para mim que estou sainda do blogger e engatinhando no WordPress.
muito obrigado por tudo.
espero poder um dia compartilhar experiência com você.
parabens pelo blog.
e obrigado pela ajuda.
Olá! comecei a usar o wordpress agora, aliás, estou aprendendo a usar. Muito obrigada pela dica. Mas, não consegui colocar do modo como você mostrou… Então, peguei o código que vc ofereceu e, no lugar de favicon.ico, coloquei um direct link. Só assim funcionou! rs
Beijuh!
Obrigado!
Muito bom!!!
Estava mesmo querendo saber onde eu colocaria o código e instalar um Plugin somente para isso ia pesar o blog a toa!
A melhor solução para quem está iniciando wordpress é:
Coloque um icone com nome e formato: (favicon.ico) na raiz do template e depois insira o seguinte comando dentro do <HEAD>:
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" media="screen" />
=D OK –'-{@
Dá no mesmo Tiago, funciona da mesma forma.
Oi segui seu passo a passo e deu tudo certinho porem o favicon só aparece quando entro como o link de painel de administradora. O que faço??
Obrigada
Boa, funcionou perfeitamente.
Obrigado pela dica, faz tempo que estava tentando colocar o favicon, coloquei a linha no arquivo header e apareceu na hora podem ver
Opa! perfeito…
<link rel="shortcut icon" href="/favicon.ico”>
Obs.: não coloquei a tag php correta porque o sistema não aceita.
Funcionou, mas apenas funciona na primeira página, o que pode ser?
Como eu instalo o favicon na raiz do site?
Só subir pelo FTP mesmo 🙂
Funcionou! Parabéns
Oi, queria ajuda para remover um favicon. Instalei o Joomla mas não gostei, então instalei o WordPress mas o favicon do Joomla permaneceu na minha home e não sei como tirá-lo. Já procurei em em todos os arquivos para exclui-lo mas não achei. Agradeço imensamente se puder me ajudar.
Muito Obrigado deu certo.
Não estou encontrando o arquivo header.php ou algo semelhante.
o arquivo header.php fica em:
/wp-content/themes/”Seu tema”/header.php
show simples e facil
Muito bom Guga, agora minha comunidade em buddypress vai ganhar um aspecto mais profissional
Parabéns!
Vlw Guga!
Já estava caçando um plugin kkkk…
Alguns pontos para ajudar:
1 – Trabalhe a transparência ao redor ícone para que quando o icone for renderizado no browser o acabamento fique mais legal. Depois de pronto salve o arquivo em .png e depois converta para .ico
2 – Talvez quando colar o comando indicado pelo Guga, vocês terão que digitar as aspas duplas que tem nele de novo para que o WordPress possa reconhecer, digo pois isto aconteceu comigo.
Abraço
Obrigada! Fácil e funcionou.
vlw fera, muito bom!!!
Abraçoss