How To Add Favicon To WordPress Website Or Blog

How To Add Favicon To WordPress Website Or Blog

2 209

Favicon is a tiny image that appear next to your website title in the browser.It help’s user to identify you website or blog easily.This increase your brand (website or blog) recognition and help you build trust among your audiance.In this artical we will show you how to add Favicon to wordpress blog or to add favicon to wordpress website or blog

Look at the image you will see different favicon near the title of the website’s.This is a unique identification of every blog or website and the user of that website identify website by looking to the favicon of the website without reading the title.Most users usually have many tabs open in their browser window. This hides your website’s title as the number of tabs increase. The favicon helps user identify your website and quickly switch to the tab they want.

How To Create Favicon

A favicon is a simple and unique square image of 16×16 px in size with mostly extension of png or ico.Open photoshop or any other image editor or creating software and create a 32×32 image or 128×128 (this is for easily creation only) after creating you image just resize it to 16x16px png.Next step is to convert that to an ico format.To convert png to ico you can use favicon generator some of the older browser’s and other devices do not support png favicon therefore convert it to ico is good that it may support by most of the browser’s and other devices.

How To Add Favicon To WordPress Website Or Blog

There are two methods of adding favicon to wordpress website or blog.

Upload your favicon to the root directory of wordpress installation or your hosting using ftp.After that you can simply paste this code into your theme’s header.php file.

If you don’t want to deal with FTP at all, then you can also use the plugin called All in One Favicon.

This Method Is Very Simple

Without uploading Plugins or adding code to the header.php file.

Just login to your Hosting CPanel —> File Manager

Search for the default image (favicon.ico) in the Theme folder of the wordpress installation (wp-content>themes>themename).

Ex- theme-name/images/ favicon.ico

Upload your .ico file to the same folder and remember the name of the default file.
(here favicon.ico)

Then delete this file and rename the new image file with the previous file name and you have done.

If you have any other method or any question about the tutorial than you can post it in the below comment’s section.


  1. Thanks on your marvelous posting! I genuinely enjoyed
    reading it, you may be a great author. I will make
    certain to bookmark your blog and will often come back in the foreseeable future.

    I want to encourage yourself to continue your great job, have a nice weekend!

Leave a Reply