Como Colocar Favicon no WordPress – Tutorial WordPress

13

Criado por Mateus Souza em 14 de setembro de 2008 às 14:29

Bom como estou sem muito tempo para escrever alguma coisa, vou dar uma dica rápida de como colocar uma favicon no seu blog, site… claro que usando o sistema WordPress.

Primeiramente vamos ao requisitos para este processo:

  1. Teremos que ter uma imagem no formato .ico com 16×16 pixels.
  2. Pelo Amor de Deus, faça uma favicon relacionada ao site, se o site é de games não vá fazer uma favicon de um site de vídeos né;
  3. Salvar esta imagem com o nome “favicon.ico”.

Se você não quer fazer uma favicon no site www.favicon.cc há varias favicons grátis para download.

Feito isto vamos a instalação :

Salve a favicon na pasta do seu tema.ex: ../wp-content/themes/seutema/

Agora teremos que editar nosso arquivo header.php adicionando esta linha de código antes de </head>:

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />;

Agora salve, e faça o upload novamente para o seu servidor se você não o editou diretamente.Pronto é só isso, até a próxima.

Atualização 20/04/2010

Este assunto foi abordado mais uma vez um em post mais detalhado…recomendo que visite o link a seguir:

Como colocar favicon em seu website

Postado em Tutoriais, Wordpress

Feed Comentários - RSS 2.0 | Trackback

Gostou? Então compartilhe já:

DeliciousDesign BumpDiggFriendfeedGoogleGoogle BuzzLinkedinMyspaceNetvibesPosterousRedditRSSStumbleuponTechnoratiTumblrYahoo Buzz

13 Comentários

  1. Bruno disse:

    mas tipo, se rodar no WordPress online(sem ter feito o download da pasta) da pra fazer isso também??

    14 de outubro de 2008 às 14:52

  2. Mateus Souza disse:

    q pasta? dá

    14 de outubro de 2008 às 16:39

  3. Alex disse:

    Dica bacana !

    só acrescentando o seu link, faltou fechar a Tag php:

    seu link:
    <link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’);

    correção:
    <link rel=”shortcut icon” href=”" />

    no mais é isso ai !

    valew

    16 de outubro de 2008 às 11:16

  4. Mateus Souza disse:

    hehheheheh, valew.
    só que assim tb funciona.bom no meu funcionou ^^
    valew

    16 de outubro de 2008 às 11:42

  5. Bruno disse:

    tipo, e uquis dizer se dava na wp.com
    Aqui nom funcionou :(

    4 de dezembro de 2008 às 15:37

  6. Bruno disse:

    Eu queria saber se tem com ofazer issso com uma imagem d eoutro site, sem que esteja em wp-content/themes/images
    se sim, como?

    4 de dezembro de 2008 às 16:01

  7. Edilecio Batista/25 anos/Sergipe disse:

    Muito bom tutorial tem um monte na net mais nem um deu certo comigo um abraço e muita sorte

    14 de julho de 2009 às 18:03

  8. Ricardo disse:

    Legal, Obrigado, Consegui Fazer aqui.
    Recomendo!

    2 de dezembro de 2009 às 4:01

  9. Fabio disse:

    no meu post, não funcionou de forma alguma, oque pode ser, uso o filezila pra gerenciar os arquivos.

    12 de dezembro de 2009 às 14:03

  10. admin disse:

    Fabio checa a url ou o caminho do favicon que provavelmente é isso.

    5 de janeiro de 2010 às 9:56

  11. leoabreu66 disse:

    queria saber honde acho esta pasta??/

    13 de fevereiro de 2010 às 11:39

  12. Mateus Souza disse:

    no seu servidor…onde você instalou o wordpress
    se você usa o http://wordpress.com/ não é possível colocar uma favicon…

    15 de fevereiro de 2010 às 20:21

  13. Daniel Costa disse:

    Bom tutorial!

    6 de março de 2010 às 4:47

Faça um Comentário

XHTML: Você pode usar essas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Uhull, 111 assinantes feed e 41 seguidores no twitter.

Feed Feed E-mail Twitter Facebook

Linha Framework Code Canyon Theme Forest

Comentários

  • Mateus Souza disse:

    Nossa cara verdade, essa passou direto e eu nem vi!!!! Vlw pelo aviso :)

  • Sérgio Rodrigues disse:

    Opa! gostei muito do post, continue assim! Só um detalhe, você postou " – é um valor definido pelo programador –...mais »

  • CSS Gallery disse:

    Sugiro http://cssgallery.com à lista

  • Luiz Felipe disse:

    Cara, acho tenho uma idéia melhor. Por que você não coloca um botão "Continuar mesmo assim"? Acho que será melhor, pois...mais »

  • Mateus Souza disse:

    O código foi ajustado para aparecer no IE5.5, mais nem jQuery funfa no IE5 :). Para que apareça no IE7, você...mais »

© 2010 Mateus Souza – Webdesigner (Deus Seja Louvado) | Posts (RSS) | Comentários (RSS). | powered by WordPress e Linha Framework :P

diHITT - Notícias BlogBlogs.Com.Br