Culture Magazine

Two Simple Steps to Add Fav Icon to Your WordPress Site

By Ajeethboaz

Two simple steps to add Fav icon to your WordPress site. Fav icon is something which describes the personality of your site, it can be either an icon of your name or can be something related to your website and posts. Adding fav icon to your wordpress site is very simple, all you need is an icon/image 16×16 pixels size and two lines of code to be placed in your header.php file.

What is Fav icon?????????????
Fav icon is also known as a Web site icon, URL icon, or bookmark icon. It is mostly 16×16 pixels by size. It was named the favicon because it was first developed in Internet Explorer, which calls bookmarked sites “favorites” and this icon was displayed in the favorites menu. You can also create your own Fav icon at

Below are the two steps to be followed,

Step 1: Add fav icon in media library
Upload your image/icon using Media –> Add new, Once the upload of the file is complete you will be able to see a File URL at the bottom. Copy the file URL.

Step 2: Add fav icon to header.php
Go to Appearance –> Editor –> header.php, paste the below lines of code with the Url which you have copied in step 1

<link rel="shortcut icon" href="URL from step1" type="image/"/>
<link rel="icon" href="URL from step1" type="image/x-ico"/>

Your done…

Things to note:
If you are testing your favicon file in Internet Explorer, and find that you’re seeing an old version of your favicon.ico file, you probably need to empty your browser’s cache (and possibly restart the browser). Internet Explorer caches the favicon.ico file in the “Temporary Internet Files” folder, so if you don’t empty the cache, you’ll probably continue to see your old version and not the new version that you’ve created. Incidentally, this also means that if your visitors empty their cache, their copy of the favicon.ico file that was associated with the bookmark of your site will also be lost.

In addition, you should note that IE’s implementation of favicon support is not particularly robust. There will be times it displays the favicon for your site, and other times when it won’t. Don’t be too bothered about this. If you need to test that you implemented your favicon correctly, test it in the other browsers. If it works there, then it’s probably done correctly. From experience, whether a site’s favicon shows up in IE or not depends on so many variables that it’s best regarded as a random occurrence. This applies both to you and your site’s visitors, so there’s no point obsessing over it.

Back to Featured Articles on Logo Paperblog