A Quick Guide To Add A Favicon In WordPress – 2018

A Quick Guide To Add A Favicon In WordPress – 2018

Nowadays in this digital world – small things can make a big difference! Hence, adding a favicon to your WordPress website is one of the small but important things. Many of us neglect this important thing, which impacts our online branding.

Favicon stands for the favorite icon. It is the small image which you can see next to your website tab and wherever else it is represented visually in the browser. It helps users to identify your website. Many frequent visitors to your website will establish an instant recognition for that small image.

However, having a favicon (small icon) is good for your brand identification. And gives your site a unique identity and makes it more trustworthy with your visitors.

That’s why here we are going to illustrate you how we can add a favicon in WordPress. Before that, we want to talk about why should you use a favicon, how to create, and then go to the main point – how to add one?

Let’s get started!

Why Should You Add A Favicon To Your WordPress Site?

As we have mentioned above, Favicon improves the website’s usability and user experience and also build an identity of the website. Usually, most users open many tabs in their browser. More so it helps users to identify the website so that they quickly switch the tab which they want. Also, your users can add your website to the home screen on their devices.

Add a Favicon in WordPress

Now the question arises how to create a favicon? Let’s take a look:

How To Create A Favicon?

Since you can use your brand logo as favicon. But the recommended size for the favicon is at list 512×512 px. You have to know that the favicon should be a square and you can use the large rectangular image. But a good feature of WordPress is – it will permit you to crop your image while you adding.

Note: You can use the Adobe Photoshop or Gimp to edit the image. Also, you can use a transparent image or fill the image with the background image. Note that your image should be in jpg, png, or gif format.

favicon image

Now bending towards the main point!

There are various methods to add a site icon in WordPress installation which is as follows:

Manually Adding A Favicon In WordPress

In WordPress 4.3, you can add a favicon from the WordPress admin area. To do this – You have to go to Appearance >> Customize and click on the Site Identity tab.

site identity tab

In customizer, the Site Identity section permits you to modify the title, description of the site and control whether you want to show them in the header.

Now it permits you to upload your favicon or site icon. Click on the Select File button and upload the image.

adding site icon

If your uploading image is large from the recommended size then WordPress will permit you to crop the image. When your crop image matches the recommended image size then save your changes.

Now, you can see the favicon in the action on your website.

Also, you can go to your website on a mobile device and then from the browser menu choose Add to home screen.

Now, your site icon will appear on your device home screen.

Adding A Favicon Via Plugins

This is another way to add a favicon. There are several plugins that can help you to add the site icon to your site.

1. Favicon by RealFaviconGenerator

Favicon by RealFaviconGenerator is a plugin that allows you to upload a favicon or small icon to your WordPress website. It also generates it from an image that previously uploaded to your media folder. However, this plugin goes a further step to ensure your favicon looks better no matter which device your site is viewed on.

2. Favicon Rotator

Favicon Rotator is a plugin for adding a favorite icon to your WordPress site. Further, this plugin makes it easy to customize the favicon. Just add it through the administration page and it will be shown whenever the visitor visits your site.

Now the question is how to add – to do this:

You have to go to Theme>>Favicon admin page and add or upload an image. Once successfully uploaded, the favicon will be shown on your site.

3. All In One Favicon

All In One Favicon plugin allow you to add the favorite favicon to your site and admin pages. Even you can either use the icons that you have already uploaded or also use the built-in upload mechanism to upload it.

However, a plus point of this plugin is – It supports all three types of favicon format such as .ico, .png and .gif (maybe animated). And also support Apple Touch Icons.

Adding The Favicon Through Your Theme’s Options Page

Nowadays numerous themes are shipped with a lot of features. Some of them have the option to upload your own favicon.

The very first thing you have to look towards you theme’s options page, if you have the option to upload a favicon – that’s a great thing.

Afterward, simply upload the created image. Now you are done. But don’t forget to click on the Save Changes button and refresh the page. In case, if you still can’t see it, clear your cache that should take care of your problem.

Adding A Favicon In WordPress Older Version (4.2 or below)

If you want to add a favicon or site icon in the WordPress older version (4.2 or below). Then you can upload your favicon to the site’s root directory by using FTP.

After that, you have to paste the given below code into your theme’s header.php file.

<link rel=”icon” href=”https://www.wpglobalsupport.com/favicon.png” type=”image/x-icon” />
<link rel=”shortcut icon” href=”https://www.wpglobalsupport.com/favicon.png” type=”image/x-icon” />

You can replace the wpglobalsupport.com form your site’s URL.

If your theme does not have a header.php file or you can not find that then you can use the Insert Headers and Footers plugin.

After activation of plugin, you have to go to the Settings >> Insert Headers and Footers and paste the above code into the header section and save your settings.

That’s All!

Hope this beginner guide for adding a Favicon in WordPress is helpful for you. In case of any related problem, dial our WordPress Help Number +1 888 614 0555 (Toll-Free) now to get instant help.
If you like the post, please share it with your peers.



Leave a Reply