Adding a favicon to your site

Looking to add a favicon to you site?
Inside your WordPress theme’s functions file (functions.php) add the following to inside your PHP code.

/**
* FAVICON
* @WPCult.com
*/
function my_favicon() { ?>
<link rel=”shortcut icon” href=”<?php echo …

Looking to add a favicon to you site?

Inside your WordPress theme’s functions file (functions.php) add the following to inside your PHP code.

/**
 * FAVICON
 * @WPCult.com
 */
function my_favicon() { ?>
	<link rel="shortcut icon" href="<?php echo bloginfo("stylesheet_directory") ?>'/images/favicon.ico" />
<?php }

add_action('wp_head', 'my_favicon');

That’s it, just be sure to upload an icon image or a .gif/.png. Be sure to correct the target location id the file is located somewhere else.

8 Comments

  1. Peter

    April 2, 2009

    The backstory on why it’s traditionally a .ico (instead of .gif or .jpg) is actually pretty interesting – you can read up on it on this wikipedia entry:

    http://en.wikipedia.org/wiki/Favicon

    Ok, so maybe its only interesting to me :).

    Peter´s last blog post..Creating User Friendly Custom Fields by Modifying the Post Page

    • Austin

      April 3, 2009

      Yeah, I’ve read it. Though with more browsers supporting it, I typically like to use transparent png’s these days.

  2. Searchgo

    April 18, 2009

    Thanks great post.

  3. Matthew Coleman

    April 27, 2009

    Is there a benefit to doing it this way, instead of just adding into the header.php?

    • Austin

      April 27, 2009

      No difference.

  4. mktanny

    October 29, 2009

    Moved from blogspot to wordpress and then was searchinhg for a way to add favicon to my blog then got here thnx.
    How To Add Favicon To Your Blogspot Blog