How to Add a Favicon to Thesis WordPress Theme?

by Sathishkumar on July 10, 2010

Favicon, is a small icon before the URL in your address bar. It is used to display the unique identity of a website/blog. A Favicon of your own is a great way to make your website/blog appear more professional and credible.

add favicon to thesis theme

Creating a Favicon is pretty easy, especially if you have a good image to work from. If you don’t have any image to work from you can use favicon.cc, to create your own unique Favicon. The Favicon displaying in this blog is from favicon.cc.

Adding a Favicon in Thesis theme is little bit different from normal blog themes. So, if you are Thesis WordPress theme and if you want to add a Favicon to your Theme, just follow the steps given below.

How to Add a Favicon to Thesis WordPress theme?

1. Get a favicon.ico image file (preferably 16×16 pixels).

2. Upload the favicon.ico to the root of your blog.

3. Login to your WordPress admin panel and navigate to Appearance Tab and Click Thesis OpenHook. Thesis OpenHook is a WordPress plugin, which takes the process of modifying Thesis and simplifies it!

Thesis OpenHook

4. In Thesis OpenHook plugin options, add the following code WP head section and click the Little Save Button.

<link rel="shortcut icon" type="image/ico" href="http://www.yoursitename.com/favicon.ico">

thesis opehook wp head section

5. You are done. Now you have added a Favicon to your Thesis WordPress Theme. For animated Favicon add the following code instead of the above code in WP head Section.

<link rel="shortcut icon" type="image/gif" href="http://www.yoursitename.com/animated_favicon.gif">

Thesis is a powerful WordPress theme with lots and lots of features. If you’ve yet to grab one, you should order one now!

Get Thesis WordPress Theme

If you find this tutorial useful, give us a thumbs up.

Tagged as: favicon, thesis, thesis tutorials, thesis wordpress theme

View all posts by
Blog →

Follow Us On

@techiemania facebook

Article by Sathishkumar Varatharajan

Sathishkumar is an Online Marketer and a full-time Blogger.

Sathishkumar Has Written 634 Articles For TechieMania.com

  • http://www.sexandthecity2dvd.com Nay

    Hi Sathish,
    I tried this but the favicon still didn’t appear. When you say ‘upload favicon.co to the root of your blog’, do you mean it should it be placed in the ‘images’ folder, which is in the ‘custom’ folder? That is where I uploaded it to. I’m using Thesis 1.7.
    Thanks
    Nay

    • http://www.techiemania.com Sathish

      Hey Nay, Just upgrade your theme to Thesis 1.8. Thesis 1.8 got default options to set Favicon from WordPress menu. Just upgrade your Thesis version

  • vijayraj @ methods2earn.com

    ya, Thesis 1.8 version has auto favicon option…

  • http://www.techjunoon.com/ Jose Tinto

    Why you haven’t done it yet? :)

    • http://www.techiemania.com Sathish

      I am designing a new Skin for my blog mate. I will add Favicon when I publish my new skin. :D

  • http://www.webapprater.com Mike Lechter

    what about default wordpress themes….

  • aboutmp3players

    Thanks mate i will try it because i don’t want to use plugin just for add favicon

  • Price India

    thesis now provides favicon option in settings only…

  • http://www.thewebtricks.com Jagan Mangat

    But thesis manually have an option for adding Favicon.
    Under Thesis options<Favicon Uploader.

  • http://www.hdflvplayer.net/ yuvi @ Web video player

    I like your post, interesting and new. Clear steps and good guide too!

  • Vijayraj Reddy

    now thesis has got favicon option in built…

  • http://sportsnub.com Sahil Kotak

    This is a very good post and very well explained. But now Thesis already have an option of adding it easily. :)

    • http://www.techiemania.com Sathishkumar

      Yeah that’s true man. Thesis have added this feature to their default options and now we don’t need to do all these stuffs mentioned in here.

  • http://www.dailywiki.org Arun

    I am not using thesis, but anyways it was a helpful tutorial

    • Sathishkumar

      Thanks for stopping by and sharing your thoughts with us man.

  • dslr

    Well, I love thesis themes. Very flexible and thank you for these tips. I saw your website on BE and you’ve got a great number of votes.

    • Sathishkumar

      Hi There, glad to hear your love about thesis themes. Hope it will help you get successful with your website. Also thanks for your compliment about my articles at BE.

  • http://www.mytechshout.com Gowtham@mytechshout.com

    Now with thesis 1.8 its easier to add thesis favicon.Thanks for the post

  • http://seashell.co.in/ sai krishna

    My friend thesis theme is not working properly and its automatically reverting back to default settings .. so do you think this tutorial is works for my friend blog ?

  • http://downppt.com Sahil Kotak

    Wow…very simple tutorial. Thanks a lot Sathish for this post, it helped me in uploading favicon on my blog.

Previous post:

Next post: