In this knowledgebase article, we’re going to walk you through how to change your website’s favicon in WordPress.
A favicon is generally just thought to be the small icon that appears next to website names in browser tabs. However, while that’s certainly the most familiar place we see them – they have also appeared in Google Search, also appear in bookmarks, mobile device home screens buttons, and more. All in all, they’re a vital part of your brand recognition & thankfully, setting one up for your site is very easy to do.
Below we have listed some of the ways in which you can change your website’s favicon without any hassle.
How to Change Your Website’s Favicon in WordPress?
1 Change Your Website’s Favicon in the WordPress Customizer
1.1 Navigate to Customize
Log into your WordPress site. Once you have logged in navigate to the WordPress Dashboard > Appearance as shown below:
In the Appearance settings click on Customize.
1.2 Select a Site Icon
Click on Site Identity. Here you can specify your site name, tagline, logo, and icon. The image that you set in Site Icon will be used as your site’s favicon.
Simply click on the Select Image button and upload the image you want to use as a site icon.
2 Use the Plugin RealFaviconGenerator
You can make use of the RealFaviconGenerator plugin to add the favicon to your WordPress website. You can set up a favicon in a matter of seconds with the help of this plugin.
RealFaviconGenerator generates all the icons you need for desktop browsers, iPhone/iPad, Android devices, Windows 8 devices, and more. To use the plugin install and activate the plugin from your WordPress Dashboard > Plugins section.
Once you’ve installed and activated the plugin, navigate to the ‘Favicon’ entry in the Appearance menu as shown below:
Select a master picture from the Media Library, click the ‘Generate favicon’ button, and follow the on-screen instructions.
And that’s it! Your favicon will be set up and ready to go.
3 Add Code to Theme’s header.php
You can also add code like shown below in the <head> section of the theme’s header.php.
<link rel=“shortcut icon” href=“https://example.com/favicon.ico” />
Replacing the URL with the location of your favicon file. This code can be easily inserted by editing your header.php file (ideally in a Child Theme) or by using the Code Snippets plugin.
A WordPress favicon can help accelerate your brand recognition and improve the UX for your website’s visitors. Fortunately, as we’ve discussed, you have multiple options to choose from that make it easy to add a favicon to your WordPress site.
If you still have any questions about changing your website’s favicon in WordPress, please feel free to contact our dedicated support team. They are available 24/7, 365 days a year…