How to Add Favicon to WordPress?

how to add favicon wordpress featured image

Favicon is essential in a website since it will become the identity of your website like your logo. It is a minified version of the logo that can be found beside your website tab title.

There are many ways on how to add a favicon for your wordpress website. Here are the options:

Method 1. WordPress Site Identity

Since the WordPress 4.3 update, you can directly add a website icon in the wordpress dashboard. Just go to Appearance > Customize and select the Site Identity tab.

Select and upload your desired favicon there and publish your website to save changes.

Method 2. Check Your Theme Customization Panel

Most of the premium WordPress themes come with customization options for the favicon. Search you theme documents or help to find out where to get to this option. It is normally in the headers section of the them.

Method 3: Editing the header.php

Editing the header.php file might be tricky for someone who doesn’t know HTML and it is best left for a developer to get it done.

Upload your desired favicon in the WordPress Media or you can directly upload it to your website Cpanel, FTP, or file manager.

Get the URL path of the favicon.

Edit your header.php that can be found inside your theme folder. Just go to main directory/wp-content/themes/your-theme-name/ and right-click edit your header.php.

Paste the code below, and make sure the image you upload is in the correct directory:

<link rel="icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico" type="image/x-icon" />

how to add favicon wordpress header ico

Third Method: Using a Plugin

If you want an easier way to add a favicon to your WordPress website, you can just use a plugin. The Favicon plugin by RealFaviconGenerator is the most popular plugin to do this work. It has the same function as the default wordpress customizer but it offers more flexible options like additional compatibility for any device type and app icons.

how to add favicon wordpress realfavicongenerator plugin

Once you have installed and activated the plugin, go to Appearance > Favicon to generate your favicon set. All you require to do is choose an image that’s at least 70×70 px:

After you select your image, click on Generate favicon. At the point when you select that button, the module will take you outside your WordPress webpage to the RealFaviconGenerator site.

how-to-add-favicon-wordpress-realfavicongenerator-app page

At the lower part of the site, look down to choose to Generate your Favicons and HTML code. While the tool works, Real Favicon Generator will send you back to your WordPress dashboard.

From that point onward, your favicon will be set up and all set. You can see sneak peeks of how it will look on changed gadgets in the module’s interface.

Wrapping Up

Website favicon can provide a big difference if you want to boost your brand recognition. Good thing is there are a lot of ways on how to install it. You just have to choose the easiest method.


Leave a Comment

Scroll to Top