Add Favicon To WordPress Blog Easily

A great favicon makes your blog standout from the herd and helps you in promoting your site in a big way.

But before I will tell you How to add a favicon to WordPress blog in an easy way, I like to tell you – What a favicon can do for your blog or website?

A favicon (short form of favorite icon) is a tiny graphic icon displayed next to the URL in the address bar, on tabs and on the Bookmarks drop-down list of browser. Started in the year 1999; it’s a 16 px X 16 px image file called .ico.

Why a favicon?

You publish awesome content on your blog so that people bookmark it and become  repeat visitors. But adding your blog to their (visitors) browser bookmark is not a guarantee of return visit.

A regular web-surfer usually visits 5 to 10% of the sites he bookmarked in his browser. Your blog needs to be standout on the bookmark menu and tempting visitors to come back again and again. To solve the purpose you can take the help of a favicon.

How to add?

First of all you have to convert your image file to a 16 X 16 px favicon or .ico file. You can take the help of or to generate your favicon easily.

After generating your favicon save it on your computer. Then upload it to the Media Library of your WordPress blog. and copy the image URL.

Next, open your theme’s function.php file and add the below piece of code:

function my_favicon() { ?>
<link rel="shortcut icon" href="image URL" >
<?php }
add_action('wp_head', 'my_favicon');

Now your blog is ready to display a favicon by placing a link to the .ico file in the <head> section.

The plugin way…

It’s highly advisable to use the above method to add a favicon to your blog, instead of using a WordPress plugin. Only to minimize the number of plugins used, thereby improving the page loading time and avoiding security vulnerability.

My choice of WordPress Plugins are Personal Favicon, Favicon Generator and All In One Favicon.

Isn’t it simple? Now make your WordPress blog standout from the crowd by adding a favicon. Don’t forget to clear your browser’s cache to visit your blog and see the favicon live.

Related Posts

Leave a Reply

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