How to Add a Favicon to WordPress

I have never really paid too much attention to favicons, but I have read and been told that your site can have more clout with a reader if it has one.  Finally, I got around to it and added a favicon.

Although many people already know how to add a favicon, I wanted to touch on it because it gave me such a hard time.  When I get to end of this post I will tell you why it gave me a hard time and you will be laughing at me.

–         First you have to create your favicon.  There are many free favicon generators out there so I won’t go into any (however if anyone has a favorite I would love to hear about it).

–         After you have created your favicon you upload it to your site (usually the public_html area) using your ftp client, I use Filezilla.

–         Next go to your header.php file in the editor section of your wordpress blog and add this code:

<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />

- Click Save

Now after I did all that, nothing was showing up.  I decided to do a search for favicon plugins for WordPress.  Upon research I found the Shockingly Simple Favicon, so I activated it but still no favicon.

Finally, I cleared the cache and poof there it was my favicon.  All of that and all I needed to do was use the plugin and clear the cache.  Lesson learned and I hope this helps someone out there.

3 Responses to “How to Add a Favicon to WordPress”

  1. Hi Jenny,
    This cache drama gets me more times than I care to admit. I always thought Ctrl+F5 was the ticket to force a page refresh, but I just learned that it depends on the browser :).

    Anyway, I was curious about whether you tried just sticking your favicon.ico file into your home directory, as you instructed in your post?
    I do this for all my WordPress sites. I have never modified the header.php file, nor do I use a plugin.
    Whenever do this, my little icon shows up after awhile.

    I just googled “favicon shows up even without meta tag”, without quotes and noticed comments saying that Firefox and MSIE both will “pick up the favicon even without code…”


    .-= Mitchell Allen´s last blog ..Seven Hyper Links =-.

  2. Jenny says:

    Hi Mitchell,

    No I have not just put in my home directory, perhaps I should give that a shot. It is good to know I really appreciate the knowledge. Also, thanks for letting me know that it would show up without code, all this info may save me some headaches in the future.

  3. ashok says:

    Bookmarked for myself – again, this post comes at an opportune time. I just asked a friend to design me a favicon that was a bit higher quality than the free ones I could make online, and this should prove useful.
    .-= ashok´s last blog ..Picasso- “Man with a Violin” and “Man with a Guitar” =-.

Leave a Reply

CommentLuv badge

'Image Description'