How to Change your WordPress Favicon

 

I recently wrote a post on how to change your Blogger Favicon so it’s only fair that I write a post on how to do the same on the WordPress platform.

I have to mention it is a bit easier than changing your Blogger Favicon. If you were wondering, a favicon is your site’s ‘icon’ which is displayed on the address bar next to your URL. It’s more like a logo for your website and it is advised that you use one on your site to brand your site properly.

On WordPress by default, the favicon is set to the WordPress icon or does not contain anything at all (depends on the theme). Changing your Favicon consists of a simple procedure. By-the-way this can only be done for self hosted WordPress users so users on WordPress.com don’t get your hopes too high.

 

 

 

First of all you’ll need to create a Favicon or get a free ready made one. Here are some sources:

Your favicons don’t need to necessarily be a *.ico file, it can be any image file but make sure the size of the Favicon is not too big or you might realize the size of the Favicon is bigger than the rest of your web page. Also make sure sizes are square and 16×16, 32×32, 64×64 or 128×128. Other sizes would also probably work though it’s important to keep it small to make sure the Favicon looks sharp and high quality on your site.

Once you’ve got yourself a Favicon, upload your Favicon anywhere in your site directory or on any other free or custom web host. Once you have uploaded the Favicon open your template’s Header.php file in your WordPress admin panel (Presentation > Theme Editor) with the Theme editor.

Paste this code anywhere in the file:

<link rel=”shortcut icon” href=”faviconpath” />

Replace ‘faviconpath’ with the path of the Favion. Once this is done save the settings and open your site. You should see your new Favicon next to your web URL on the address bar.

Alternately you can use this WordPress Favicon plug-in. Simply paste the PHP file in your plug-ins directory, activate it and enter the path of the Favicon in the plug-in options.

You can read a different explanation of adding a Favicon to your WordPress blog here

Don’t forget to leave your feedback!

is a Software Developer and the main writer behind Computer Realm.

70 Comments
    • Nikhil
    • June 9, 2015
    Reply

    not working for me. Please help.

  1. Pingback: Under the Hood | Stella Meme

    • Monik
    • June 15, 2011
    Reply

    Thank you sooo much!!!!!
    Took a while but finally I figured our the right ” marks and it works! 😀

    • Priya Sharma
    • May 11, 2011
    Reply

    I really like your post. Keep posting 🙂

    • sugeng
    • February 24, 2011
    Reply

    nice post , i will try because my site is no icon

    • Blake
    • February 7, 2011
    Reply

    Hi,

    I tried the method of altering the script and now any time I go to access wordpress or my site this is displayed:

    Parse error: syntax error, unexpected ‘<' in /home/blakereb/6040mag.com/wp-content/themes/Magzimus – ThemeForest/magzimus/includes/header.php on line 18

    The window with header.php code can still be accessed via clicking the browser "Back" button where I can ctrl+z the code to its original form and then press update but the same error message is displayed.

    Please help as now I can't even access WordPress or my site and I fear that I have lsot everything!!!!

    Ta,
    Blake

    • big pappa rabbit
    • February 4, 2011
    Reply

    yea fav icon. u litterally set a path. wow. how hard. i cant do it. it tooo much. brain…exploding…im dying…ahhhh…help…

    • Jogn
    • December 17, 2010
    Reply

    Nice post, great to hear about your experience

    • A McLeod
    • November 19, 2010
    Reply

    this does not work with WP 3.0.1. with or without the dot.ico – this still fails.
    I have managed to insert a favicon icon when using Themeforest Unite in another WP3.0.1 site via the theme panel.

    • Denis Hughes
    • November 12, 2010
    Reply

    Favicon works on all my pages and I i suggest you should get a favicon into your site too. I’m enjoying most of my time with my blogs because of favicon.Thanks!

    • Arif
    • November 9, 2010
    Reply

    Thanks alot . now i fill up my site with more courage

  2. Pingback: favicon and how to generate them | Bugdrome

  3. Pingback: The Bookkeeper » Bloggiesta wrap up

    • jeuxvideo
    • June 5, 2010
    Reply

    Thanks a ton. I was grappling with trying to get my favicon to show and even though I’d replaced the existing favicon.ico, it still didn’t show up, until I used the WP favicon plugin…

    • atallison
    • May 13, 2010
    Reply

    Thanks for the post. Very easy and those favicon sites are quite helpful.

  4. Pingback: Favicons :: Welcome to Penton Technologies

    • scott penton
    • April 24, 2010
    Reply

    well, the code didn’t work but the plug-in did, Thank you, the plug-in is so much easier, just put the address of the .jpg or .gif from your server and it’s done. Thank you very much

    • Marsha
    • April 5, 2010
    Reply

    Easy instructions ~ Worked great! Thanks so much 🙂

    • Keri
    • April 2, 2010
    Reply

    Thanks! You made it so easy =)

    • sam
    • March 29, 2010
    Reply

    hi luq..I think I managed to install a favicon to my site using your advice by intalling the http://www.digitalramble.com/favicon-manager-wordpress-plugin/.I could see it in my pc.However,could you please tell me if you can;t see any..thx

    • Suresh Khanal
    • March 23, 2010
    Reply

    To apply favicons and even to generate or apply our gravatar as favicon, there are plugins available, its just a matter of few searches.

    I was wondering and I don’t know it yet what it is called for that rectangular part at the beginning of address bar itself. It is much larger than favicon and rectangular in shape like that of paypal site. Do you know what it is called and how to do that?
    .-= Suresh Khanal´s last blog ..How to add favicon to your blog (WordPress) =-.

    • Drew Shope
    • February 26, 2010
    Reply

    Dude. I have been trying to figure this out for a week now. Thanks! You saved my butt.

      • Luqmaan
      • March 2, 2010
      Reply

      Glad to know it helped you.

    • Graeme
    • February 8, 2010
    Reply

    Worked like a charm. Thanks

    • chicago car insurance
    • December 19, 2009
    Reply

    Thanks for the post. If you don’t mind my asking, what WP theme are you using? Is it available Free or is it a custom design? Thanks.

    • grow taller 4 idiots
    • August 19, 2009
    Reply

    I couldn’t find the one you mentioned from the ‘add new plug-in’ installer,

    • Koncerty
    • August 11, 2009
    Reply

    Great tips. My favicon is now better :).
    .-= Koncerty´s last blog ..Shaggy Kraków – 2009-08-22 =-.

    • FtonDavid
    • July 4, 2009
    Reply

    Thank you for the explanation, and hinting that there are plug-ins that will do this for you. I couldn’t find the one you mentioned from the ‘add new plug-in’ installer, but I did find “Extended Options” (works with WordPress v2.8 so far … Dashboard > Settings > Extended … I opted for ‘Embedded encoded favicon’).

    http://www.plaintxt.org/experiments/extended-options/
    .-= FtonDavid´s last blog ..BoaB (Birth of a Blog) =-.

    • Larry Cheng
    • June 23, 2009
    Reply

    I’m hosted on WordPress.com so I can’t change my blog favicon. What’s the benefit of self-hosting? I’ve been thinking about it more.

      • Matt
      • March 24, 2010
      Reply

      For blogs hosted on wordpress.com you only need to change your “blavatar”: Settings -> General -> Blog Picture.

      Source: http://en.support.wordpress.com/avatars/blavatars/

      -Matt

      • luq
      • June 23, 2009
      Reply

      If you are looking to take your blog to the next level, self hosting is the way to go, the main advantage behind self hosting is the amount of customization at your disposal. Access to plugins gives your site a lot more functionality, helps you build more traffic, better management and allows your site visitors to reach content more easily based on the plugins you use. You’d also have a lot more theme options to go with allowing you to have a look that you see fit, not just the themes available in the WordPress theme directory. However if you are blogging on a small scale and looking to keep things small in terms of traffic, the wordpress.com services should be sufficient.

  5. Pingback: How to change your Wordpress Favicon Computer Realm | internet marketing tools

  6. Pingback: Bloggiesta Mini-Challenge – Favicons and Gravatars | Hey Lady! Whatcha Readin'?

  7. Pingback: How to change your Wordpress Favicon Computer Realm | garden statues

  8. Pingback: How to change your Wordpress Favicon Computer Realm | low cost car insurance

  9. Pingback: How to change your Wordpress Favicon Computer Realm | Wood TV Stand

  10. Pingback: How to change your Wordpress Favicon Computer Realm | Wood TV Stand

    • 17 year old car insurance
    • May 14, 2009
    Reply

    You rock. World needs more souls like you.

    • J.Lamar Ferren
    • May 10, 2009
    Reply

    Worked like a charm! Thanks again!

    • J.Lamar Ferren
    • May 10, 2009
    Reply

    Thanks for this. I’ll try this now…

    • tnomeralc web design toys
    • April 28, 2009
    Reply

    I love reading your blog and some of you post very informative and great article.

    tnomeralc web design toys’s last blog post..Tnomeralc Web Design Toys Deeplinking

    • Get SIx Pack Abs
    • April 13, 2009
    Reply

    Hy thanks for sharing. Love your blog! 🙂

    • digitalemike
    • February 23, 2009
    Reply

    Thanks for the info. It worked out perfectly in WP 2.7.1.

    • Digital Mastering
    • February 21, 2009
    Reply

    woo hoo..Thanks for tips man! I have changed it to a small globe. looks good now

    • scarica emule gratis
    • February 4, 2009
    Reply

    I was just looking a way to do this on my emule blog!

    Thanks a lot for the info.

    • Acai Burn Reviews
    • January 24, 2009
    Reply

    I was looking for a way to do that… thanks !

    Acai Burn Reviews’s last blog post..Pure Acai Berry | Acai Pure

    • beloed
    • January 14, 2009
    Reply

    Hi, thanks for the tips change the WP favicon.

    beloed’s last blog post..Busby SEO Test behind the mask?

    • Dewaji SEO Test
    • January 13, 2009
    Reply

    Thanks for sharing faviconsr . us url

    Dewaji SEO Test’s last blog post..Busby SEO Test

    • DeShion DeShields
    • December 31, 2008
    Reply

    Thank you for sharing this information!

    DeShion DeShields’s last blog post..test

    • David @ Internet Marketing Management Strategy
    • December 27, 2008
    Reply

    Even if you do get the favicon to work right, you run into the some browsers read them and other don’t problem, which can be maddening!

    • Busby SEO Test
    • December 2, 2008
    Reply

    like luq said we can’t assign a favicon on wordpress.com. You have to host your blog on you own server.

    When i creating a favicon i don’t need to creating this code . I just create a simple file caled favicon.ico and then upload it into the root directory. that’s it.

    Busby SEO Test’s last blog post..My Pagerank Toolbar not visible

    • Rickard
    • November 24, 2008
    Reply

    So, if my blog is hosted by wordpress.com then I can´t not change my favicon? Is´nt there any way of doing it then? Does this mean I have to host my blog on my computer or server in order to be able to change it?

      • luq
      • November 24, 2008
      Reply

      well i don’t think you can assign a favicon if you use wordpress.com..you’ll have to host the blog on a server using wordpress.org.

    • Vardenafil
    • November 19, 2008
    Reply

    The site very professional! Keep up the good work! Oh yes, one extra comment – maybe you could add more pictures too! So, good luck to your team!

    • no win no fee
    • November 14, 2008
    Reply

    Didn’t realise how simple it was to change the favicon – I cheated and used the plugin when I changed mine as I didn’t really know what I was doing.

    • catalintu
    • November 12, 2008
    Reply

    Worked flawlessly in wordpress 2.6.3

    catalintu’s last blog post..Say Hello to the Community!

    • luq
    • November 11, 2008
    Reply

    same method mentioned in the post should work.

    • Latenightshow
    • November 10, 2008
    Reply

    Question. I have this house music blog and I want to customize my favicon. My blog is located at wordpress but I have payed for the custom CSS upgrade and I have my own address (www.latenightshow.biz, that is). So how do I do?

    Thanks in advance!

    • Anonymous
    • October 30, 2008
    Reply

    Thanks your message has very much helped me:)

    • Danny Cooper
    • October 21, 2008
    Reply

    I have never seen this method before, I think I may have used the alternate method you suggested.

    Danny Cooper’s last blog post..A Lesson in Comment Etiquette

    • ramalamadingdong
    • September 19, 2008
    Reply

    Not working. Using leen.name theme “the-scenery”.

    • Al
    • August 12, 2008
    Reply

    Wasn’t hard at all, I just replaced the favicon.ico in my theme folder. using WordPress Journalist Theme.

    • pellet stove
    • July 4, 2008
    Reply

    thanks for tips…now i can use the favicon on my blog….

    pellet stove’s last blog post..Harman PF100 Hot Air Pellet Furnace

    • thank you http://www.frmedya.com
    • May 18, 2008
    Reply
    • Rich
    • April 25, 2008
    Reply

    Hey I did not realise that you could change your Favicon.
    In fact idid not even know what a favicon was.
    This is why i enjoy blogging around as you do not know what you will come up with.

    Grat blog

    Rich

    Rich’s last blog post..By: Wayne | affiliate marketing opportunity

      • luq
      • April 25, 2008
      Reply

      thanks for stopping by, glad you figured out about it, its always a good thing to have your own favicon for your blog, i suggest you get one on your blog too.

    • luq
    • April 18, 2008
    Reply

    I think a favicon is one of the basic aspects that any blog should have and its not a big deal to add one to, i suggest you get a favicon to your site soon enough.

    • Lemon
    • April 18, 2008
    Reply

    I didn’t realise there was a plugin for the fav icon, its not hard to paste a simple bit of code into the header file. But of course you have to take into account who the blogger is and how intelligent they are. I’m yet to install a fav icon on my site, its on my list of things to do but its pretty far down

    Lemon’s last blog post..Intel Core 2 Duo E6600 Conroe | Dual Core Processor Great for Overclocking

    • luq
    • February 26, 2008
    Reply

    For some reason for me the Favicon works on my index and admin pages only, this could be because i edited my htaccess file to re-direct my blogger URL’s. if anyone else has solved a similar problem please leave a comment.

    Update – works now, once i changed my theme that is

 

Leave a Comment