How To Add a Favicon (or Site Icon) in WordPress/Divi

by | Jan 23, 2025 | Tutorials | 0 comments

Affiliate Disclosure: Some of the links in this post are affiliate links, which means we may earn a commission if you click through and make a purchase. For more details, please read our Affiliate Disclosure Policy.

In this tutorial, we will guide you through the process of adding a favicon (or site icon) to your WordPress Divi website. A favicon is a small image that appears next to your website’s title in the browser tab, helping visitors easily identify and remember your site. It’s a simple yet effective way to enhance your website’s branding and create a more professional appearance. By following these easy steps, you’ll learn how to upload and configure the favicon, making your site stand out with its own unique icon in the browser.

Step 1: Access the WordPress Dashboard

Open your WordPress Divi website and navigate to the WordPress dashboard, where you will be guided on how to add a favicon icon.

Step 2: Upload Your Favicon Icon

We will begin from the WordPress dashboard under the Appearance section.

  1. Click on the Appearance option.
  2. Select Customize from the Appearance option.
Guide to configuring and uploading a favicon in WordPress from the Appearance section in the dashboard.

Learn More: Divi Logo Guide: Resize, Reset, and Style Like a Pro

As the Theme Customization panel opens as shown in the screenshot, you will see multiple options. However, our focus is on General Settings.

  1. Click on General Settings.
  2. Select Site Identity.
Navigate to General Settings and Site Identity in the WordPress Customization panel to upload a favicon.

As the Site Identity panel opens, you will find the Site Icon upload option listed as the third option. This is where we will upload the favicon. Follow the steps carefully to complete the process smoothly.

  1. Click on the Select Site Icon button under the Site Icon option.
  2. Choose the favicon icon or image from the Media Library, or upload one from your PC—both options are available.
  3. Click the blue Select button to confirm your choice.
  4. Once the favicon icon or image is uploaded, click the blue Publish button to apply the changes.
Upload a favicon by selecting the Site Icon option in the Site Identity panel and choosing an image from the Media Library or your PC.


Read More: Utilizing a Dynamic Logo on Your Divi Website: A Step-by-Step Guide

Final Result

The screenshot below displays the final outcome after successfully uploading the Favicon Icon or Site Icon

Screenshot showing the final result after successfully uploading and applying the favicon (site icon) in WordPress Divi.

Conclusion

In this tutorial, we covered the simple steps to add a favicon (or site icon) to your WordPress Divi website. We started by accessing the WordPress dashboard, then proceeded through the Theme Customization panel to upload and publish the favicon. By following these steps, you have successfully added a unique site icon, enhancing your website’s appearance and branding. This process ensures that your site stands out in browser tabs, providing a more professional and recognizable identity.

Learn More: How to Use a Dynamic Logo in Divi Website

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Stay ahead with the Latest WordPress Insights

Subscribe for tips, updates, and exclusive tools to elevate your website game.

Newsletter

No spam ever. Only Divi related updates. You need this.

Pin It on Pinterest

Shares