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 Replies 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…”

    Cheers,

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

  2. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *