Home » WordPress Tutorials » Basics » How to Add Favicon to WordPress

How to Add Favicon to WordPress

Adding a favicon to your site is a great way to improve user experience and add a kick to your branding strategies.

Favicons are very useful for contemporary websites for a number of reasons, and knowing how to add one to your site is an important skill.

If you aren’t sure what a favicon is, then definitely check out our article:

What is a WordPress Favicon

Also, if you want to learn everything about site-building with WordPress, then check out our full and comprehensive guide.

In the following pages, you will learn how to add a favicon to your website.

 

How to Add Favicon to WordPress

By default, all WordPress websites feature a dedicated favicon. It looks like this:

What is a Favicon in WordPress

 

Favicon Icon in Web Browser

 

However, we are about to change it., so it looks more appealing.

There are two main methods to do so:

 

Method 1: Upload a Favicon via the Customize Page

 

WordPress includes a dedicated feature, which makes the process quick and easy. To access the menu, simply go to Appearance->Customize from your WordPress Admin Panel:

WordPress Dasboard Appearance Settings

 

This will open the Theme Customization page of your site. From here, search for the Site Identity button and click it:

WordPress Site Identity Menu

 

This will open the Favicon options menu:

Add a Favicon via the WordPress Customization Menu

 

Now, locate the Site Icon area and then the Select site icon button. There you will also see the size requirements for each favicon you wish to use:

Select a WordPress Favicon fot Your Site

 

Clicking the button will open your media library. From there you can select an image from the ones that you have already uploaded, or simply upload a new image file:

Use the WordPress Media Library to add a Favicon

 

Whatever icon you choose, click on the blue Select button at the corner left, so WordPress applies these changes:

Include Favicon in your WordPress website

 

After clicking the button, you will be redirected to the previous page. However, now you will notice that the Favicon section is different and displays the image you have just selected:

 

To apply all these changes and make them visible to your visitors, simply click the blue Publish button at the top of the page:

Publsih the changes in WordPress Customization Menu

 

Now, you should notice that the favicon is applied at all places that showcase site icons. For example, next to the browser tab:

WordPress Favicon Appears in Web Browsers

 

Method 2: Install a Favicon Plugin

If you prefer using plugins to set up your favicon, there are plenty of options. One such is Favicon by RealFaviconGenerator. This plugin allows you to customize your site icon in many different ways, and also makes numerous versions of the icon, to meet the requirements of different devices and operational systems.

If you aren’t sure what a WordPress plugin is, or how it works, then definitely check out our dedicated series of articles:

 

Conclusion

Adding a favicon is only the beginning of a great journey in the digital world. Expand your audience and boost your site’s trustworthiness with ZETTAHOST’s hosting and safety services. You can choose among several plans and types of hosting such as free web hosting, shared web hosting, WordPress hosting, VPS hosting, and safety via SSL Certificates. If you need a reliable partner for your digital endeavors, then don’t hesitate to contact us and start a journey together!

Related:

Was this article useful?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Newest Articles:

How to Copy a Page with WordPress Gutenberg Editor

Looking for ways to copy your WordPress web pages? The Gutenberg block editor got you covered. In this article, you will read about 3 different methods you can instantly apply when crafting your WordPress website.   How to Copy a Page with WordPress Gutenberg...

How to Add Tabs to Your WordPress Site with Gutenberg

Tabs are quite useful in numerous situations and can be a fresh addition to your WordPress websites. Massively used to showcase content categories, news, and various other types of posts in a very structured manner, tabs contribute to making your site content more...

How to Create Tables in WordPress Using Gutenberg Editor

Creating a table in WordPress with the Gutenberg Block Editor is a straightforward task. Should you need to add one or several tables to your pages, the following paragraphs explain how to do so.   How to Create Tables in WordPress using Gutenberg Editor  ...

5 Best WordPress Slider Plugins for Gutenberg

When crafting your WordPress website, it is not only important to publish informative and well-structured content, but it is also crucial to make your web pages as aesthetically appealing as possible. An effective way of making your site more beautiful is by inserting...

How to Use the Navigation Block in Gutenberg

With the Gutenberg Navigation block, you can add various types of navigation on any page or within any blog post on your website. Similar to the classic WordPress menu, the Navigation block can be modified in numerous ways and become a handy tool in many situations....

Ready to Create Your Website?