How to Change your WordPress Favicon

Wordpress Logo

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!

About the author

Luke

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

70comments
Luke - February 26, 2008

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

Reply
Lemon - April 18, 2008

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

Reply
Luke - April 18, 2008

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.

Reply
Rich - April 25, 2008

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

Reply
    Luke - April 25, 2008

    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.

    Reply
thank you http://www.frmedya.com - May 18, 2008

thank you http://www.frmedya.com

Reply
pellet stove - July 4, 2008

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

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

Reply
Al - August 12, 2008

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

Reply
ramalamadingdong - September 19, 2008

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

Reply
Danny Cooper - October 21, 2008

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

Reply
Anonymous - October 30, 2008

Thanks your message has very much helped me:)

Reply
Latenightshow - November 10, 2008

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!

Reply
Luke - November 11, 2008

same method mentioned in the post should work.

Reply
catalintu - November 12, 2008

Worked flawlessly in wordpress 2.6.3

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

Reply
no win no fee - November 14, 2008

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.

Reply
Vardenafil - November 19, 2008

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!

Reply
Rickard - November 24, 2008

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?

Reply
    Luke - November 24, 2008

    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.

    Reply
Busby SEO Test - December 2, 2008

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

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

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!

Reply
DeShion DeShields - December 31, 2008

Thank you for sharing this information!

DeShion DeShields’s last blog post..test

Reply
Dewaji SEO Test - January 13, 2009

Thanks for sharing faviconsr . us url

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

Reply
beloed - January 14, 2009

Hi, thanks for the tips change the WP favicon.

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

Reply
Acai Burn Reviews - January 24, 2009

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

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

Reply
scarica emule gratis - February 4, 2009

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

Thanks a lot for the info.

Reply
Digital Mastering - February 21, 2009

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

Reply
digitalemike - February 23, 2009

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

Reply
Get SIx Pack Abs - April 13, 2009

Hy thanks for sharing. Love your blog! 🙂

Reply
tnomeralc web design toys - April 28, 2009

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

Reply
J.Lamar Ferren - May 10, 2009

Thanks for this. I’ll try this now…

Reply
J.Lamar Ferren - May 10, 2009

Worked like a charm! Thanks again!

Reply
17 year old car insurance - May 14, 2009

You rock. World needs more souls like you.

Reply
How to change your Wordpress Favicon Computer Realm | Wood TV Stand - June 1, 2009

[…] How to change your WordPress Favicon Computer Realm Posted by root 20 hours ago (http://www.computer-realm.net) Step by step post on how to change your wordpress blog favicon find out where a website stands instantly middot two operating systems on startup powered by feedburner leave a comment below and get a backlink and commentluv Discuss  |  Bury |  News | How to change your WordPress Favicon Computer Realm […]

Reply
How to change your Wordpress Favicon Computer Realm | Wood TV Stand - June 3, 2009

[…] How to change your WordPress Favicon Computer Realm Posted by root 1 hour 56 minutes ago (http://www.computer-realm.net) Step by step post on how to change your wordpress blog favicon find out where a website stands instantly middot two operating systems on startup powered by feedburner leave a comment below and get a backlink and commentluv Discuss  |  Bury |  News | How to change your WordPress Favicon Computer Realm […]

Reply
How to change your Wordpress Favicon Computer Realm | low cost car insurance - June 17, 2009

[…] How to change your WordPress Favicon Computer Realm Posted by root 5 minutes ago (http://www.computer-realm.net) 17 year old car insurance may 14 2009 11 37 am you rock instantly middot two operating systems on startup powered by feedburner leave a comment below Discuss  |  Bury |  News | How to change your WordPress Favicon Computer Realm […]

Reply
How to change your Wordpress Favicon Computer Realm | garden statues - June 19, 2009

[…] How to change your WordPress Favicon Computer Realm Posted by root 4 days ago (http://www.computer-realm.net) Step by step post on how to change your wordpress blog favicon tnomeralc web design toys last blog post tnomeralc web design toys deeplinking two operating systems on startup powered by feedburner leave a comment below and Discuss  |  Bury |  News | How to change your WordPress Favicon Computer Realm […]

Reply
Bloggiesta Mini-Challenge – Favicons and Gravatars | Hey Lady! Whatcha Readin'? - June 19, 2009

[…] How to add a favicon to your wordpress.org blog. On wordpress.org, you can install a plugin to manage your favicon so you don’t have to upload anything to your root directory (which requires an FTP client). I use Shockingly Simple Favicon plugin. It was still a bit of work, but totally worth it! […]

Reply
How to change your Wordpress Favicon Computer Realm | internet marketing tools - June 20, 2009

[…] How to change your WordPress Favicon Computer Realm Posted by root 3 days ago (http://www.computer-realm.net) Step by step post on how to change your wordpress blog favicon david internet marketing management strategy december 27 2008 7 02 am middot two operating systems on startup powered by feedburner leave a comment below and Discuss  |  Bury |  News | How to change your WordPress Favicon Computer Realm […]

Reply
Larry Cheng - June 23, 2009

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.

Reply
    Luke - June 23, 2009

    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.

    Reply
    Matt - March 24, 2010

    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

    Reply
FtonDavid - July 4, 2009

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) =-.

Reply
Koncerty - August 11, 2009

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

Reply
grow taller 4 idiots - August 19, 2009

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

Reply
chicago car insurance - December 19, 2009

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.

Reply
Graeme - February 8, 2010

Worked like a charm. Thanks

Reply
Drew Shope - February 26, 2010

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

Reply
    Luke - March 2, 2010

    Glad to know it helped you.

    Reply
Suresh Khanal - March 23, 2010

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) =-.

Reply
sam - March 29, 2010

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

Reply
Keri - April 2, 2010

Thanks! You made it so easy =)

Reply
Marsha - April 5, 2010

Easy instructions ~ Worked great! Thanks so much 🙂

Reply
scott penton - April 24, 2010

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

Reply
Favicons :: Welcome to Penton Technologies - April 24, 2010

[…] you put those on your Web Server. Then for wordpress, there’s a very cool plug-in from this site, once you download the .zip file upload it to the plug-in section of your wordpress admin page, […]

Reply
atallison - May 13, 2010

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

Reply
jeuxvideo - June 5, 2010

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…

Reply
The Bookkeeper » Bloggiesta wrap up - June 14, 2010

[…] a new favicon […]

Reply
Arif - November 9, 2010

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

Reply
Denis Hughes - November 12, 2010

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!

Reply
A McLeod - November 19, 2010

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.

Reply
Jogn - December 17, 2010

Nice post, great to hear about your experience

Reply
big pappa rabbit - February 4, 2011

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

Reply
Blake - February 7, 2011

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

Reply
sugeng - February 24, 2011

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

Reply
Priya Sharma - May 11, 2011

I really like your post. Keep posting 🙂

Reply
Monik - June 15, 2011

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

Reply
Under the Hood | Stella Meme - June 22, 2011

[…] visual modifications. I had already customized my ten twenty header and then tonight I updated my favicon.ico. (do you see a ‘saw’ icon at the top left next to my URL?) Again, takes some time to […]

Reply
Nikhil - June 9, 2015

not working for me. Please help.

Reply
Click here to add a comment

Leave a comment:


Shares