icon on the browser tab (favicon)

You might have noticed that many websites nowadays have a little icon on the brower tab. This is called a favicon. For example, if you have Hostgator as your website host then, by default, you get the little alligator figure

Hostgator alligator favicon on the browser tab
Hostgator alligator favicon on the browser tab

If you know that it is called a favicon (favourite icon) then learning how to get one on your site is a cinch as the WordPress Codex tells you quite clearly.

Say I want to change the favicon on my website. I log into my site and click on Customise, next to your website title. (don’t go into the Dashboard).

Customise your Website
Customise your Website

Select Site Identity

Customise > Site Identity
Customise > Site Identity

Then click on Select image, near the bottom, and this is the same as adding media, you just browse to the folder on your computer that contains the image. If it complains then you might need to change the image you are using. I find that if your image isn’t showing up as a thumbnail then it won’t load.

Upload a favicon
Upload a favicon

There’s a few other things you can do from Site Identity

  • Add a logo to your site. This is different to a site Header. See my OurLife logo, which, if clicked, takes you to the home page of my site
  • Remove that pesky tagline that says “Just another WordPress Site”.
  • Just unchecking the box that says “Display Site Title and Tagline” won’t cut it because the tagline still shows next to your site title on the browser tab. So dump it or change it 😉

One Reply to “icon on the browser tab (favicon)”

  1. You actually make it appear so easy with your presentation however I to find this topic to be really one thing that I think I would by no means understand. It seems too complicated and very wide for me. I am looking ahead in your subsequent post, I will try to get the dangle of it!

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.