How to Add a Favicon Icon In WordPress Site

[easy-social-share counters=0 style="button"]

Simply because WordPress, you can actually insert a favicon or web site icon from WordPress admin location. Basically go to Appearance » Customize and then click the ‘Site Identity’ tab.

siteidentity-300x196

The web site identification part in customizer permits you to adjust the web site title, description, and also control if or not you would like to show all of them in the header.

This also permits you to upload your web site icon. Basically click the choose data file key then simply upload the image you would like to make use of since web site icon.

adding-siteicon-300x230
In case the image you will be uploading exceeds highly recommended size, and then WordPress permit you to crop it. When it matches the highly recommended size exactly, then you can certainly just simply save your changes.

That’s all that you can right now preview your web site and also notice your favicon in action. You may also visit your site on a mobile phone device then simply from the browser menu choose “add to home screen’.

You will notice that your web site icon will appear on the home screen.

Inserting Favicon to Old WordPress

Upload your favicon to your website’s root directory making use of FTP. And then you can actually basically paste this code into your theme’s header .php data file.

 

Exchange codituts.com with your site’s Web url so you are great to go. If your themes does not require a header.php data file, or you will did not find it, and then don’t get worried we now have a plugin to you. Set up and also switch on Insert Headers and then Footers plugin.

After activating the plugin go to Settings » Insert Headers and then Footers and also paste the code provided above in the header part and also save your settings.

In case you don’t would like to deal with FTP at all, then you can certainly actually use the plugin known as Almost all in a single Favicon.

Hope you all like this Tuts byCodiTuts.com, if yes then keep us supporting by sharing this post, Cheerful Coding smiley.

Submit a comment

Pin It on Pinterest