A favicon is a small image that shows up in your web browser (FireFox, InternetExplorer, Chrome, Opera etc.) at the top of a web page. Your browser opens up web pages in ‘tabs’ and this is where the image appears.
How do you add a favicon to the ‘Childishly Simple’ theme?
If possible use a plugin. If you change your theme then using a plugin means that your favicon will still remain since plugins are independent of themes.
To find a plugin search using something similar to ‘WordPress Favicon Plugin’.
The following are some links to various Favicon Plugins:
http://wordpress.org/plugins/all-in-one-favicon/ Lots of downloads, good reviews
http://wordpress.org/plugins/easy-set-favicon/ Very simple but does its job
Usually you’re required to create and upload an image in ‘ico’ format named ‘favicon.ico’. You can try uploading images with different names and formats but Internet Explorer can’t cope so it’s best to stick with that.
How do you make such an image? In the past I’ve used tools.dynamicdrive.com/favicon quite successfully. But you can also search for ‘Favicon Generator’ and you’ll get plenty of other results. The idea is that you create a simple image (of any size) and the generator will ‘crunch’ it down to the right dimensions and give it the appropriate file format.
Of course, plugins can wither away (they don’t get maintained and eventually become obsolete) so if you DO want to upload the image manually and write in the appropriate code and not be dependant on a plugin then here’s how to do it:
Make your favicon.ico image. Log into WordPress and in the left sidebar click on ‘Media > Add New’. Upload your file. Once it’s uploaded you should see a thumbnail image and the word ‘Edit’. Click on ‘Edit’. You should now see a page which will have, probably in the top right corner, the phrase ‘File URL’. Copy the url beneath it (the address on your website where the image is which will look something like this: http://www.somebrilliantwebsite.com/wp-content/uploads/favicon.ico)
Now you have to get the following somewhere within the <head> </head> of every web page.
<link rel=”shortcut icon” href=”http://www.mybrilliantsite.com/wp-content/uploads/favicon.ico” type=”image/x-icon” />
And that’s it. Go to your web page and see if your favicon appears. If it doesn’t, refresh the page or try another browser and see if that works.
Nerd note: the official approved way can be found at http://www.w3.org/2005/10/howto-favicon using
WordPress seems to prefer:
However, ignoring the approved way seems to work well.