WordPress Wednesday: How to Quickly Add a Favicon

This post was published 5 years ago. Some things may have changed since then - use the search function to see if anything has been posted since then, or reach out to us on Twitter if you'd like to see a more updated post!

Welcome to the first instalment of WordPress Wednesday! Weekly tips for new and established self-hosted WordPress users, designed to help you get the most out of your site. I’m Sarah, a WordPress website developer (i.e. I build WordPress sites for a living) – I’ll be teaching you all the tips and tricks that I’ve picked up over my years of working with WordPress :) Let’s get started with our first tip!

How to Quickly Add a Favicon

Hayley already covered how to create a Favicon if you don’t have one (if you don’t already know, a favicon is the little image next to your url or blog title in a tab. Customising it is another way of helping your blog stand out from the crowd.)

If you’ve got the Jetpack plugin installed (and you really should, it’s great!) you’re probably using it for all sorts of neat stuff, but you might not know that they have a nifty setting for quickly uploading a favicon. Great if you don’t have FTP access to your site for some reason.

First of all, you’ll want to make sure that Site Icon is enabled in Jetpack.

  • Go to the Jetpack settings page (you can find it from the lefthand menu) and scroll until you find Site Icon.

Screen Shot 2015-01-12 at 15.04.36

  • If it’s white, that means it’s not activated yet. Hover over it and you should see an ‘activate’ link

Screen Shot 2015-01-12 at 15.37.21

  • It’ll will either refresh the page after you click, or it might take you to the settings page. If it refreshes the page, hover over again and click configure.

Screen Shot 2015-01-12 at 15.38.55

  • This will take you to Settings > General, where you should now see an ‘add a Site Icon’ button.

Screen Shot 2015-01-12 at 15.42.10

  • Click that to choose your file (most of them are named favicon.ico so make sure you stick to the format) and then click ‘upload image’.

Screen Shot 2015-01-12 at 15.45.25

  • It’ll show you a preview of how your icon will look. Click ‘crop image’ and you’re done!

Once you refresh your site you should now see your favicon in page of the little grey page that’s normally there. (If you don’t try clearing your cache and refresh the page again, sometimes they get a bit stuck.)


Plugins required for this tip: Jetpack

Leave a Reply

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

%d bloggers like this: