header image
 

Favicons

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/favicon-generator/

http://wordpress.org/plugins/custom-favicon/

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.

Go the Childishly Simple options page and paste the following into the very top options box (‘Add CSS,  javascript or shortcode in the head’) changing the url to the one that you’ve just found.

 

<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

<head profile=”http://www.w3.org/2005/10/profile”>

WordPress seems to prefer:

<head profile=”http://gmpg.org/xfn/11“>

However, ignoring the approved way seems to work well.


Fatal error: Call to undefined function related_posts() in /home/gardener/public_html/wp-content/themes/alchemwebchildtheme/single-post-format-wordpress-help.php on line 86