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:
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 go to the WordPress Dashboard > Appearance
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 then 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.
3 Add Code to Theme’s
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.
Was this article helpful?
Still need help?
Submit Your Question
Please give us the details, our support team will get back to you.