How to Easily Add a Favicon to Your WordPress Website

Once you have created or decided on an image, it will need to be edited.  A WordPress favicon must be square in shape and be at least 512 x 512 pixels in dimension. Although it can be cropped in WordPress, best practice would be to produce your favicon in an image editing software. GIMP is an easy to use image manipulation program that will help you to quickly edit your image to the right dimensions in minimum time.You will also need to decide if you want your favicon to have a colored background, or if you would rather transparency. Again, always try to represent your site’s look and style, whilst bearing in mind your icon needs to stand out in a sea of browser tab favicons.

What is a Favicon?

Have you added a favicon to your site? Please share your experiences of the setup process in the comments below.
Now you know the benefits of using a favicon, how to create one and add it to WordPress. Isn’t it time your site had a favicon of its own?
Site Identity
Before WordPress 4.3, a favicon was commonly added by uploading an image to a site’s root directory and then inserting code into your header.php file. Information on this process can all be found on WordPress.org in the Support section.

Why You Should Be Using a Favicon

Your favicon will now appear under ‘Site Icon’ in your customizer. Remember to always click on ‘Save and Publish’ at the top of the customizer so your favicon will be saved and displayed.
Your favicon will now appear under ‘Site Icon’ in your customizer. Remember to always click on ‘Save and Publish’ at the top of the customizer so your favicon will be saved and displayed.

Using a Plugin to Display a Favicon on Your WordPress Site

If, for some reason, your theme doesn’t provide the option of uploading a site icon through the customizer, or if you are looking to change themes in the not too distant future, then using a WordPress plugin might be the best option for you. Let’s have a look at what plugins are available.
Site Favicon

Favicon by RealFaviconGenerator

Since WordPress 4.3, when it suddenly became extremely simple to add a site icon to a website, the majority of WordPress websites now display a favicon. Favicon is short for ‘favorite icon’, but it can also be seen on the WordPress Customizer under the name of ‘site icon’.
All In One Favicon
Favicon by RealFaviconGenerator is an advanced plugin that ensures your favicon is visible on all browsers and devices. RealFaviconGenerator allows you to check your existing favicon, to see how it appears to your audience if they are viewing it on Android, iOS Safari, Windows or Mac OS, to name a few. This will give you an indication of what your icon looks like and if it is working on all platforms.
Using a favicon is a clever marketing ploy. The main aim of a favicon is to help a user to identify your site from its competitors. A favicon visually engages with your audience, reminding them of your site and ensuring they can locate it quickly.
Favicon by RealFaviconGenerator generates all the icons you need for desktop browsers, phones, tablets, and more. Once you have installed the plugin and selected an image from your WordPress Media Library, you will be redirected to the RealFaviconGenerator. Here you have access to the Favicon Editor, where you can alter the design of your favicon and add a background if you wish.

All In One Favicon

In the customizer, select ‘Site Identity’. It is here you will find the option of adding a site icon.
Customizer Live
Creating and adding a favicon to your WordPress site doesn’t have to be a lengthy and confusing process. Edit and crop your favicon in GIMP, or another image editing program, then simply upload it through the WordPress Customizer. If you need to use a WordPress plugin, Favicon by RealFaviconGenerator is the advanced option. It has powerful functionality and impressive ease of use.

Using Code

Favicon by RealFaviconGenerator

Final Thoughts

First of all, in your WordPress dashboard, select ‘Appearance > Customize’. This will open the customizer on the live end of your site.
In this article, we will look at what exactly a favicon is and why your site should use one. We will then learn how to quickly create a favicon image and upload it to your site using the WordPress Customizer. We will finish by discussing other ways to add a favicon, including various plugins and a coding option.
A favicon also helps promote your brand, and establishes your site as a reputable source. The ease of setup, alongside the marketing benefits, should ensure all that all sites add a favicon.

Posted by WordPress Guru