A favicon or a site icon is a small icon representing your website and is typically displayed in the browser’s address bar or next to the page title. Within the Spectra One theme, you can customize your site favicon easily.
This guide will walk you through changing the favicon using the site logo or a custom icon.
How to Use the Website Logo as Favicon
You can use your website’s logo as a favicon by following these steps.
- First, make sure you have the Spectra One theme installed & activated on the website.
- Then, from the WordPress dashboard, navigate to Appearance > Editor.
- In the editor, locate and edit the header template file of your theme.
- Look for the site logo block at the top of the page.
- Click on the individual site logo block and enable the “Use as Site Icon” option.
- Save the changes.
Now, your site logo will be used as the favicon for your website.
Note
Please note that the “Use as site icon” option is available only with the Site Logo block, not the Image block.
How to Upload Your Own Custom Favicon
You can use a custom icon as a favicon by following these steps:
- Navigate to your WordPress dashboard.
- Go to Appearance > Editor.
- In the editor, locate and edit the header template file of your theme.
- Locate the Site Icon settings link under the site logo block settings.
- You will be redirected to your WordPress admin settings from where you can upload the custom site icon.
- Once you upload the icon, save the changes.
Your website will now display the custom icon you specified as the favicon.
By following these simple steps you can change the favicon in the Spectra One theme. Whether you use the site logo or a custom icon, your website will now have a distinctive and personalized favicon.
If you encounter any issues or have further questions, feel free to reach out by leaving a comment below.