Favicon is that little image icon that will always appear next to your website’s title in the browser’s tab. It helps give identity to your website(s) and more frequent visitors of your site will usually build an instant recognition for that tiny little image icon in the browser tab. This help increases your brand recognition and also helps in building trust among your audiences. And in today’s post, we will teach you on how to add favicon to your WordPress powered website.
But why should you Add Favicon to Your WordPress Site?
Since we’ve mentioned earlier that it establishes your website’s identification to both returning and new users. However, it also improves your site’s usability and user experience.
In most cases, users are prone to open many tabs open in their browser window which in turn hides your website’s title as the tabs increases. The favicon helps a user identify your website and quickly switch to the tab they want.
Creating a Favicon
A favicon is a simple square image. Ideally, it can be 32×32 pixels or a 16×16 pixels image. Open any image editor and create a square image of 128×128 pixels so that you can easily work on the image. CMSFolks created its own favicon using CORELDRAW. Once created, you can resize it into a 32×32 pixel and save it as a PNG file… To convert a PNG file into .ico you can use Dynamic Drive’s favicon generator.
You can also read: Common Mistakes of beginners in WordPress
Adding Favicon to WordPress Site
Upload your favicon to your website’s root directory using FTP. After that, you can simply paste this code into your theme’s header.php file.
<link rel="icon" href="<a href="http://www.compherd.com/favicon.ico">http://www.compherd.com/favicon.ico</a>" type="image/x-icon" /> <link rel="shortcut icon" href="<a href="http://www.compherd.com/favicon.ico">http://www.compherd.com/favicon.ico</a>" type="image/x-icon" />
Replace compherd.com with your site’s URL and you are good to go. If your theme does not have a header.php file, or you cannot find it, then don’t worry we have a plugin for you. Install and activate Insert Headers and Footers plugin. After activating the plugin go to Settings » Insert Headers and Footers and paste the code provided above in the header section and save your settings.
If you don’t want to deal with FTP at all, then you can also use the plugin called All in One Favicon.