How to Add a Favicon to Your WordPress Blog

For any website, a Favicon or Site Icon as WordPress calls it; is an important part when it comes to its identity. In case you don’t know, site icon or favicon is a simple icon or image that appears right next to your website title in the browser bar.

This simple image help users to quickly identify your website even when the browser has several tabs opened. More than that, it increases your brand recognition. Almost every major website has its own favicon that helps differentiate it from others. In fact, adding a favicon is one of the top thing’s that you should do after installing WordPress.

Unfortunately, it is almost always ignored while building a WordPress site. So in this quick tutorial, let me show you how to add a favicon to your WordPress blog.

Add a Favicon in WordPress

In previous versions of WordPress, you need to use a custom code snippet or even a plugin to add a favicon to your WordPress blog. From version 4.3, WordPress itself comes with a built-in option to add a favicon to your WordPress blog.

Before you can add a favicon to your WordPress blog, make sure that you have an image or icon, typically your site logo with 512 x 512 pixels width and height. As you can see, I have my own image that I can use as a favicon.

add-favicon-select-favicon

Now open your WordPress dashboard and then open the Customization page by navigating to “Appearance” and then to “Customize.”

add-favicon-select-customize

Once you are in the Customization page, select the option “Site Identity” from the left sidebar and then click on the button “Select.”

add-favicon-select-file-button

The above action will open the media uploader panel. Here, drag and drop the favicon file and click on the button “Select.”

add-favicon-upload-favicon

As soon as you’ve clicked on the button, WordPress adds the site icon. Simply click on the “Save and Publish” button to save the changes.

add-favicon-click-save

With the above action, you’ve successfully added a site icon or favicon to your WordPress site.

add-favicon-favicon-added

That’s all there is to do and it is that simple to add a favicon to your WordPress blog. Being a built-in feature of WordPress, it works with any theme and/or theme framework.

If you like this article, then do read how to disable theme switching in WordPress so that you or others don’t accidentally change the site theme and break the site design and functionality.

Do comment below sharing your thoughts and experiences about using the above method to add a favicon to your WordPress site.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.