WP Favicon: Add a favicon to your blog

By:

Jean-Michel Paris

, Published: 24 July 2009, 10:20 PM UTCPosted in: WP FaviconTags: Plugin

• Comments [24]
• Print this post
• Email this post
• Digg it!
• Facebook
• Edit Post

The “WP Fav­i­con” plu­gin add a fav­i­con to your site. Most of the themes just for­got to man­age this small but nice fea­ture. The plu­gin just add — inside the HEAD sec­tion — the needed links to the fav­i­con. It sup­ports, both the .ico and a .gif favicon.

Due to the famous web browser from Red­mond. The best approach is to have 2 sep­a­rates fav­i­con files located at the site root direc­tory. 1. The first fav­i­con file (favicon.ico) is either a 16×16 or a 32×32 icon. Nowa­days, all mod­ern browser sup­ports both size. 2. The sec­ond fav­i­con file (favicon.gif) is a (rea­son­able) free size, and can be an ani­mated GIF too! The .gif ver­sion have prece­dence over the .ico. So, if the browser sup­port ani­mated fav­i­con, the ani­mated will be dis­played, else the sta­tic .ico will be used instead. Note that both favicon.ico and favicon.gif can be dif­fer­ent pictures.

You can down­load the plu­gin here.

•  
•  
•  
•  
•  
•  
•  
•  

• Comments [24]
• Print this post
• Email this post
• Digg it!
• Facebook
• Edit Post

About the Author

Posts Author & Blog Administator

Related Posts

• My favorite WordPress pluginsMes extensions WordPress préférés
• Track all your comments using BackTypeVoir l’ensemble des ses commentaires
• qTranslate 2.2.4 patchedqTranslate 2.2.4 modifié
• qTranslate 2.2.1 patchedqTranslate 2.2.1 modifié

24 Comments

1. sebos

   Posted July 25, 2009 at 8:35 PM

   Bravo! implé­men­ta­tion très pro­pre (et tu sais que je suis “chi­ant” :-)
   Je regarde ca de suite et je t’en parle!
   a++
   seb
2. baron

   Posted August 9, 2009 at 12:09 PM

   Works great, thank you
3. geminorum

   Posted August 13, 2009 at 11:30 PM

   Thanks, it’s great but there is bug, when you enable the plu­gin on wp-admin page. with RTL trans­la­tions of WP the direc­tion changes back to LTR.
4. IGC

   Posted October 10, 2009 at 1:29 AM

   I have uploaded both .gif and .ico files in the for­mat “favicon.gif and favicon.ico”, but fav­i­con not show­ing up.

   I don’t know any­thing about RTL / LTR. Is it the issue ?
5. Christiane

   Posted January 29, 2010 at 9:37 PM

   I’ve installed the plu­gin, and uploaded a gif-file to my media-center in WP, but the fav­i­con is not show­ing up on the WP Fav­i­con site under set­tings. What’ve I’ve done wrong?
6. Jean-Michel Paris

   Posted January 30, 2010 at 12:00 PM

   @Christiane

   Please, tell me where is your page, so i can view the source and check.
   Maybe you didn’t put the icons at the root loca­tion of your website?
7. Ali Ikhlaq

   Posted February 13, 2010 at 12:38 AM

   Hi
   Man plz tell us step by step
   Thank you
8. Jean-Michel Paris

   Posted February 13, 2010 at 10:39 AM

   Yes, it is. There is a small part of code from the stan­dard “Hello dolly” plu­gin, that can help.
   My prob­lem is how can I test as i’m in LTR mode on my all blogs.
   I don’t see a “How to val­i­date dev on RTL evi­ron­ment?” from WordPress.org.
   I’m a bit stuck for now.
9. Gastro

   Posted March 16, 2010 at 10:55 AM

   Hi there,

   I have a Problem/Suggestion regard­ing your Plu­gin. When using your Plu­gin with a “nor­mal” Site via http every­thing works like a charm.

   But when access­ing a site via https the fav­i­con isn’t deliv­ered via https. Instead it’s still deliv­ered via http and there­for a warn­ing is given that not all con­tent on the web­site is deliv­ered via https/SSL.

   I hope you can update your Plu­gin to check if the Site is accessed via https and then “deliver” the fav­i­con via https.

   Thanks in advance!
10. Gastro

    Posted March 17, 2010 at 10:06 AM

    Okay, this was eas­ier than i ini­tially thought… i solved my prob­lem by edit­ing the /common/head.php

    In line 9 and 10 I removed the part before the /favicon.ico

    So this is what it looks like now:
    
11. Gastro

    Posted March 17, 2010 at 10:20 AM

    Okay the Word­Press code Tag in the Com­ments seems to be bugged.

    So here my final solu­tion again. This is what line 9 and 10 in common/head.php looks like:
12. Jean-Michel Paris

    Posted March 17, 2010 at 10:22 AM

    @Gastro:
    Thanks for inves­ti­gat­ing on HTTPS. Do you also use the qtrans­late plu­gin?
    Con­cern­ing the get_bloginfo() func­tion; maybe this func­tion is not usable as this under HTTPS?
13. Gastro

    Posted March 17, 2010 at 10:27 AM

    @Jean-Michel Paris:

    No, I dont use the qtrans­late Plu­gin or any other trans­la­tion Plu­gin. Maybe the get_bloginfo() func­tion is the prob­lem for SSL con­nec­tions as you men­tioned but I haven’t researched it so i really don’t know (http://codex.wordpress.org/Function_Reference/get_bloginfo)
14. Jean-Michel Paris

    Posted March 17, 2010 at 10:38 AM

    @Gastro
    I men­tionned qtrans­late in my pre­vi­ous com­ment, because the get_bloginfo is hooked by this one. So a side­ef­fect (bug ;)) is always pos­si­ble with third plu­gin.
    By delet­ing the get_bloginfo() call. Your URL is now “root based”. It works as icons files resides on the root direc­tory. That’s indeed the case.
15. Velvetshadow

    Posted May 19, 2010 at 2:15 PM

    Vrai­ment super, fonc­tionne très bien sans toucher une ligne de code, merci !
16. Jennie Walker

    Posted June 5, 2010 at 9:24 PM

    My fav­i­con has been added to the root folder. It shows up in book­marks, but not on the browser tabs or tool­bar… any sug­ges­tions why? Thanks!!
17. Jean-Michel Paris

    Posted June 6, 2010 at 11:34 AM

    @Jennie:
    1. The icons have to be installed on the word­press root instal­la­tion direc­tory, not the theme root direc­tory. In that way, you can change theme any time you want.
    2. The file exten­sion must be .ico and .gif
18. Gunilla

    Posted June 15, 2010 at 6:28 PM

    I don’t get it… The icons are in the root folder but it dosn’t show in tabs och browser win­dow. I’ve read the pre­vi­ous com­ments but i don’t know what’s wrong — please help! :)
19. Gunilla

    Posted June 16, 2010 at 9:12 AM

    …sud­denly it works. Hahaha, great :)
20. Jean-Michel Paris

    Posted June 16, 2010 at 9:15 AM

    Ah.…good.
    I was just reply­ing to your first mes­sage. So, now every­thing run fine. You seems to be very fond of… dogs ;)
21. Marcus Azzi

    Posted June 22, 2010 at 12:34 AM

    I have prob­lems mak­ing it work in Inter­net Explorer 8.

    I have installed both favicon.ico and favicon.gif in Word­Press root folder. It works great in Fire­fox and Google Chrome, but not in Inter­net Explorer 8. I also have already cleared cache and refreshed lots of times.

    Any ideas!

    Con­grat­u­la­tions on the nice plugin!

    Thanks.
22. Danica

    Posted July 18, 2010 at 5:46 AM

    John-Michel,
    I’ve read all this but my fav­i­con is still not work­ing. The images are in my root folder and this is the code I put into my header.php file:

    Still not show­ing up. Can you tell me what I’ve messed up here? Thanks. I’m using Cut­line as my theme if that might make a difference.

Trackbacks / Pings

1. All you need to know about favicons including resources
2. Vom Web zum Alltag und wieder zurück » Wordpress Erfahrungen