How to change your Wordpress Favicon

Feb

26th

How to change your Wordpress Favicon

Author: luq | Files under Blogging, the internet, tips, tutorials

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.

Wordpress Logo

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

www.favicon.cc (create favicons)
www.faviconsr.us (Download ready favicons)

Your favicons don’t need to be necessarily 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!

Popularity: 87% [?]

I've written the post, i'll let you do the bookmarking: These icons link to social bookmarking sites where readers can share and discover new web pages.

9 responses. Wanna say something?

luq
Feb 26, 2008 at 04:46:52

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
Apr 18, 2008 at 10:30:38

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]

luq
Apr 18, 2008 at 23:22:02

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
Apr 25, 2008 at 22:29:44

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]

luq reply on April 25, 2008 11:36 pm:

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]