(+84) 463.28.7979

How to Add a Favicon to Your WordPress Blog


Adding a Favicon to your website is critical to it’s identity. The favicon of a website is like your photo in your ID Card. Just like the photo identifies you, people can identify your site by a favicon, if you have a unique one. In this article we highlight how you can add a favicon to your WordPress blog.

To add a favicon to your website, you need to first have the favicon image. You can ask your custom designer to make you one, if you are getting a custom design. Most reputable designers do this without asking because it is usually included in the package.

But for those who want to design this by themselves, it can be done easily. Pick an image from your site, perhaps your logo and make it into the dimension of 16 x 16px. Save the file as .png, so you can then convert it to .ico format.

Note: If you are using Adobe Photoshop, it does not let you save the file in .ico format. So here are some options that you can take.

You can use an open source software called GIMP which is like a substitute to photoshop. Save the file in photoshop, open it in GIMP, and it lets you save in .ico format.

There are also some online converters that lets you convert to an .ico format. You can find them in the list of 55+ Extremely Useful Online Generators.

Once you have the .ico file, you should name it to favicon.ico, and upload it to to your root directory where the site resides.

You need to open your header.php file which is in your template folder. You can do so in an html editor in your computer, or via WP-Admin Panel.

Favicon Edit

You need to add the following code before </head>

<link rel=”icon” href=”http://www.wpbeginner.com/favicon.ico” type=”image/x-icon” />
<link rel=”shortcut icon” href=”www.wpbeginner.com/favicon.ico” type=”image/x-icon” />

Change WPBeginner.com to your website’s address, and then upload the file.

You can see our favicon is WPBeginnner Logo. Show us your favicon in the comments.

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>