WordPress

How to Change a Favicon in WordPress

This brief tutorial explains how to change the favicon in WordPress.

After reading this WordPress tutorial, you’ll know how to set and edit your site favicon. All the steps described in this tutorial include screenshots, thus making it easy for WordPress beginners to follow them.

This tutorial does not include plugins to set your favicon because it would be a tremendous waste of resources. WordPress administrators must minimize the need for plugins. On the other hand, setting a favicon manually is an extremely simple three-step task described below.

If you don’t have a favicon yet, I added instructions to easily create it at the end of this article.

Change or Set the Favicon in WordPress:

First, on the left menu, press Appearance, and on the displayed submenu, press Customize (Appearance>Customize):

This will redirect you to your website preview, including a menu to configure several settings, the favicon among them.

On the right side of your screen, you will see a menu wherein one of its first options is Site Identity. Press Site Identity to display the options:

Scroll down the Site Identity options, and you will see two buttons: Remove and Change Image. Press the Change Image button to select a favicon.

IMPORTANT NOTE: You may see a button “SELECT IMAGE” or “Select site icon” depending on your WordPress version. If you see it, press it and continue with the steps described below:

As you can see in the upper tabs, you can upload the favicon image from your computer or select it from the WordPress Media Library. Select the option you need, choose the image and press the Select button:

After selecting your favicon image, press the Publish button to apply changes:

Now, your WordPress favicon is updated.

How to Create a Favicon for a WordPress Site:

Creating a favicon is pretty easy, especially with the online tools available for it. This tutorial will show how to use the website https://favicon.io/ to create your favicon from your logo or text.

Access the site https://favicon.io/. If you have an image of your logo without a background (PNG), press the PNG>ICO option. If you don’t have a logo at all, you can press the TEXT>ICO option:

Drag and drop or press the upload box to select the image to be converted as a favicon:

Once uploaded and converted, press the Download button to get your favicon:

Now, you can follow the steps described in the first section of this tutorial to upload it to your WordPress site.

There are other free websites to create your favicon, some of which are the following:

  • Favicon-Generator: This site has additional features than the site used in this tutorial. Users can edit colors and implement other features you can read more about and use at https://www.favicon-generator.org/.
  • Real Favicon Generator: Another tool to generate a favicon or to check your current one. You can access it at https://realfavicongenerator.net/.
  • Favicon.cc: Another favicon web generator that allows the user to edit color and other properties. You can access it through https://www.favicon.cc/.

Conclusion:

As you can see, changing the favicon in WordPress is extremely simple. Any WordPress-level user can do it by following the instructions described above. I usually, when writing on WordPress, add different ways to achieve the same result. In this case, setting a favicon is so simple. I decided not to include alternatives requiring plugins to discourage resource waste. Generating a favicon is also extremely easy. The favicon is helpful in bringing traffic to your site since it’s one of the basic requirements for your site to be properly adapted for search engines. This is also useful for users to identify your site among many tabs.

Thank you for reading this WordPress tutorial. Keep following Linux Hint for additional WordPress tutorials and tips.

About the author

David Adams

David Adams is a System Admin and writer that is focused on open source technologies, security software, and computer systems.