The rule of thumb at Realitynibs.com is no coding, no complicated plugins, no CSS, no PHP. I'm not even sure what those languages are and I intend to keep it that way. KISS!
So when I saw that adding a favicon to my self-hosted WordPress 3.0 blog required adding a line of code, I hesitated. Would this violate the KISS rule? Well, it was only one line of html and I was in love with my favicon. So, I went for it.
Here's how:
1. First I created a favicon.ico version of my chosen image by using a free online tool. Unfortunately I've forgotten which website I used to create my favicon file but here's one where I've used the non-favicon features successfully.
2. Then, following the instructions on codex.wordpress.org, I used my ftp client to place the favicon file in the Twenty Ten theme folder (wp-content/themes/twentyten) and in the root directory of Realitynibs.com. (On Laughing Squid the root directory is actually /<yourdomain>/web/content.)
3. This is the step that nearly ruled out favicons from my Realitynibs WordPress repertoire. Edit the header.php file by selecting it in Appearance -> Editor and adding the new html line (see below) beneath the "<head>" tag. Note that this is actually to accommodate older browsers so you could probably leave this step out altogether if you choose, thereby making life even simpler for yourself.
Search for the line of code that begins with <link rel="shortcut icon" and ends with /favicon.ico" />. Overwrite it, if it exists, or add the following code below the <head> HTML tag:
<link rel="shortcut icon" href="<?php bloginfo<'template_directory'); ?>/favicon.ico" />
Once I'd saved everything, I brought up my blog in a browser window and there was my favicon!
It's About You!
Discuss This Project: ( Comments)