Adding a Favicon to Your WordPress Site


WordPress LogoA favicon (short for Favorite icon), is a tiny icon that is typically associated with a website and most notably appears in the tab of a given web page. This blog post will show you how to add it your WordPress site.

Although you can actually use a 32×32 pixels file, it is recommended to use a size of 16×16 pexels .ico file to ensure compatibility across browsers. Favicons are easy to make from an image with the scale feature of most photo editing software. I’ll assume you’ve created a favicon and are ready to upload it to your site.

Adding a Favicon to Your Site

Login to your hosting account and get to cPanel (you should know how to do this). If your lucky enough your hosting company has provider you with a File Manager utility that you can easily start by double-clicking the icon.

cPanel File Manager

cPanel File Manager Icon

Upload your favicon to your website’s or WordPress’s root directory. Once done, we need to modify the theme’s header.php file typically located in /public_html/wp-content/themes. Add the code below in the <head> section of that file while substituting your domain.

<link rel="icon" href="http://domain.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://domain.com/favicon.ico" type="image/x-icon" />

That’s it! Reload your website and you should see your favicon.

Leave a comment

Your email address will not be published. Required fields are marked *