3 Methods to Add Favicon to WordPress Website

Let's Learn 3 Methods to Add Favicon to WordPress Website

Every website should have a favicon or fav-icon a cave that small icon we see on browser tabs address bars bookmarks and so on. In WordPress favicons are called site icons. These icons can play a small but important role in branding a website.

Let's talk about file formats : The two most popular are ICO and PNG. These formats have the most browser contract and preserve transparent backgrounds for the favicon. An ICO file allows to gathering compound images taking into account oscillate sizes. In one file allowing the browser to choose from the options additionally since HTML5. PNG is an acceptable format for our favicons. All major browsers are supporting them. But with the release of WordPress we don't have to worry about any of that. Since the customize has a site icon option that accepts more popular formats like gif and JPEG.

Let's talk about size : our site needs multiple favicon image sizes available. To display them optimally in all use cases the four most common sizes needed are generated automatically whenever we add a site icon from the WordPress customize. So no need to stress however we will need to make sure the image we upload to the customize is at least 512 by 512 pixels. WordPress will create the other sizes from the original file as follows 32 by 32, 180 by 180, 192 by 192 and 270 by 270.

Now we learn three different methods to add favicon to our WordPress website :

(1) WordPress customize : 

Adding a favicon with the WordPress customize. For most this is the only method need to consider for WordPress. Open WordPress dashboard go to appearance customize then select site identity. We will find an option to set our site icon then select image from the media library or upload a new one. Make sure our file is at least 512 by 512 pixels. Save changes and that's it WordPress will do the rest. Now refresh the page to see our favicon magically appear in our browser.

(2) Using Plugin : 

Adding a favicon using a plug-in. If we want the help of a plug-in to add a favicon to our website we're in luck a simple search of the WordPress repository will give us some great free plugins. In WordPress dashboard click plugins add new. In the search box write required for example: Favicon by Real Favicon Generator. Install the plugin and navigate to appearance favicon. Then upload image and make sure it is perfectly square and at least 260 by 260. The plug-in will redirect us to the online generator to complete customization of our favicon. we'll be redirected to our site and greeted with a nice preview of our icon displays that's it.

(3) Manually :

Adding a favicon manually. In older versions of WordPress we can add a favicon to our website in two steps first access our site files and upload the favicon dot ICO to the root directory. Now add the code

<link rel="icon" type="image/x-icon" href="site url/favicon.ico">

inside the head tag of HTML file. Since we uploaded our favicon to our root directory, our link should just be our website slash favicon dot ICO. Then save file and refresh website and we will get our favicon in the browser. It's not nearly as simple as option one but at the end of the day it still gets the job done.

If you need any kind of support of your WordPress website contact me by mail : moni200870@yahoo.com

For more issue regarding WordPress website develop, theme customization, Avada Divi Astra, contact form 7 click the link https://bit.ly/2UMTnSD