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!