[How-To] Add a FavIcon to your Wordpress Blog
This article gives step by step instructions for adding a FavIcon to your own hosted Wordpress blog. The steps mentioned in this article do not apply to Wordpress.com blogs.
A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage. The filename for favicon is favicon.ico.
If you have a image, you can create a favicon, manually using image editing tools and then saving the file as favicon.ico or by using online Favicon generating tools like FavIcon Generator at Dynamic Drive.
1.) Once you have the specific favicon.ico file you need to upload it to the path /wp-content/themes/<theme_name>/. So for example, if your theme name is Radiant, the folder where you need to upload favicon.ico will be /wp-content/themes/Radiant/
2.) Next, you will be required to modify your header.php to load the favicon.ico file. Modify the header.php by adding the following code within <head> and </head> tags.
<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />
3.) Save your header.php file and you are done.
4.) Make a request for your blog’s homepage ( clear your browser cache first) and you should be able to see the favicon on your browser.
While the above steps are for the manual process of creating a favicon, there is also a easier way, thanks to a Wordpress plugin called Admin Favicon. Admin Favicon creates a link to a shortcut icon, or favicon, into the header of the Wordpress administrative console. You can download Admin Favicon from here.
In case if you are not able to get the favicon even after following the steps above, comment below and i will try my best to help you out.
Also Read: Make your WordPress Site and Blog Mobile Friendly with dotMobi WordPress Mobile Pack
You can follow me on Twitter at http://twitter.com/vaibhav1981
Do stay tuned to Technofriends for more, one of the best ways of doing so is by subscribing to our feeds. You can subscribe to Technofriends feed by clicking here.
Related posts:
- Make your WordPress Site and Blog Mobile Friendly with dotMobi WordPress Mobile Pack
- [Wordpress] WP-Scanner Lets You Know How Secure Is Your Wordpress Blog.
- [Wordpress Plugin] WPtouch makes your WordPress blog ready for iPhone, iPod & Android
- Render your Wordpress blog on Mobile Handsets with MobilePress plugin
- (Short URLs) Now Every Blog and Post On WordPress.com Has a WP.me URL
