How to add a Favicon to WordPress Blog

What is a Favicon?
A Favicon – short for favorite icon – is the small icon that appears next to website title in a browser. When adding a favicon for your website, the visitors easily figure out your website although they are opening multiple tabs in their browser.
Using a favicon, your website can increase your brand recognition and helps you build trust among your audiences.

Create a Favicon
There are many tools to create a favicon such as Adobe Photoshop or Gimp tool. You can use your brand’s logo as your site icon and favicon. A typical favicon is square and recommended to be at least 521px of width and height. This image could be in png, jpeg or gif format.

How to add favicon in WordPress

WordPress 4.3
Since WordPress 4.3 you can add favicon or site icon from WordPress admin area. Navigate to Appearance > Customize > Site Identity

Open Site Identity tab, you will get an option to change Site Icon of your website. Choose Select File button and navigate to the image file you already created.

If the image you are uploading exceeds recommend size, WordPress will automatically allow you to crop it. If it matches recommended size exactly, then you can just save your changes.

WordPress 4.2 and older
For WordPress 4.2 or older, you can upload your favicon by using FTP. After that, simply paste this code into your theme’s header.php file:

And don’t forget to replace your site’s URL and you are good to go. If your website does not have a header.php file, you can install and activate Insert Header and Footers plugin. After that, go to Settings > Headers and Footers and paste the code we provided above into the header section. Save your configuration.
In addition, you can use All In One Favicon plugin if you don’t want to deal with FTP at all.
Hopefully, this article will help you to add a favicon on your WordPress website. If you find this article useful, don’t hesitate to share it with your friends.

8 Comments

  1. Woah! I’m really loving the template/theme of this blog. It’s simple, yet effective. A lot of times it’s difficult to get that “perfect balance” between superb usability and visual appearance. I must say you’ve done a amazing job with this. In addition, the blog loads super fast for me on Chrome. Exceptional Blog!

  2. Quality content will be the important to become a focus for the people to
    pay a visit the site, that’s what this site is
    providing.

  3. Having check this out I believed it had been really enlightening.
    I appreciate you making the effort and effort to get this informative article together.
    I remember when i again find myself spending lots of time both reading and leaving comments.
    But so what, it was still worth it!

  4. I believe this can be one of many most vital information for me personally.

    And i am glad reading your article. But should remark on some general things, The website style is perfect, the articles is actually nice :
    D. Good job, cheers

  5. That is the best weblog for anybody who needs to find out about this topic. You realize so much its virtually hard to argue with you (not that I really would need…HaHa). You positively put a brand new spin on a subject thats been written about for years. Nice stuff, simply great!

Leave A Comment?