Creating & Adding a Favicon to a Wordpress Website
by admin ~ August 4th, 2008. Filed under: life online, technology, wordpress.Mike proudly showed me his favicon on Friday, so I immediately went and added one to our church’s website. (Before this, I hadn’t really given it much thought.) And, of course, I had to add one here too, but there were a few steps that weren’t as easy as they first seemed. but, as you’ll see, it’s not that hard.
Adding a favicon to your wordpress website…
(What is a favicon? It’s that little image that shows up in your browser tab.)
STEP 1: Create a favicon.
There are many sites out there that help you create one. I used the favicon generator at dynamic drive, but not their code to display the favicon. (If you’re working on a non-wordpress website, use their code and directions.)
STEP 2: Upload the favicon to your website
Once your favicon is created, using your FTP program (Try Fire FTP or Cyberduck if you don’t have one.), upload it to your site within your current theme. (It’s the file where you’ll see the files: page.php, header.php, style.css, etc.) Place it in the theme folder–not the images folder within the theme.
STEP 3: Modify the Theme
Between the <head> and </head> tags in the header.php file of your current theme, add this code from the wordpress codex:
<link rel=”shortcut icon” href=”<?php bloginfo(’template_directory’); ?>/favicon.ico” />
You can do this in a few ways:
1. From your wordpress admin panel, click the “design” tab, then the “theme editor” tab. Then click on and open up your header (header.php) file. Insert the above code.
2. Use a text editor or program like Dreamweaver to edit your theme’s header.php file and then upload and replace it within your current theme.
STEP 4: Repeat
Remember, since this is done by modifying your theme in wordpress, if you change themes, you’ll have to repeat this whole process again!
August 7th, 2008 at 2:00 pm
thanks for the link.
and its great to see asharedlife.com and calvarydover.org now have a favicon. but what is your favicon? i can’t make it out. looks like a black box w/ a white curved horizontal line and a red diagonal line.
August 16th, 2008 at 2:03 pm
Thanks for the tip on favicons Mike.
Right now the favicon is just a miniature version of part of my header pic. I guess you just need to switch to a mac to see it better. lol
November 4th, 2008 at 5:00 am
[...] - bookmarked by 5 members originally found by gelinabacicommercial on 2008-10-22 Creating & Adding a Favicon to a Wordpress Website http://www.asharedlife.com/?p=54 - bookmarked by 2 members originally found by xaragay on [...]