Saturday, December 21, 2013

How to change your Favicon on Wordpress

If you want to change your default favicon, this is the right place. In this post, I'll show you how to change / add your favicon on your WordPress website. 

A favicon is typically a graphic 16 x 16 pixels square and is saved as favicon.ico in the root directory of your server. You can use a favicon with any WordPress blog on a web server that allows access to the root directories.

Step 1: Go to your theme editor and select header or header.php


Step 2: Search for the line of code that contains favicon. Overwrite it, if it exists, or add the following code below the <head> HTML tag then save it.

<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

Step 3: upload your favicon.ico to your WordPress folder using either file manager or ftp client. Then check again by entering http://yourwebsitename.com/favicon.ico

Step 4: Refresh your blog and the miracle will happen


Note: delete your browser's cache if you see no change.