How to Change your WordPress Favicon

I recently wrote a post on how to change your Blogger Favicon so it’s only fair that I write a post on how to do the same on the WordPress platform.

I have to mention it is a bit easier than changing your Blogger Favicon. If you were wondering, a favicon is your site’s ‘icon’ which is displayed on the address bar next to your URL. It’s more like a logo for your website and it is advised that you use one on your site to brand your site properly.

On WordPress by default, the favicon is set to the WordPress icon or does not contain anything at all (depends on the theme). Changing your Favicon consists of a simple procedure. By-the-way this can only be done for self hosted WordPress users so users on WordPress.com don’t get your hopes too high.

 

 

 

First of all you’ll need to create a Favicon or get a free ready made one. Here are some sources:

Your favicons don’t need to necessarily be a *.ico file, it can be any image file but make sure the size of the Favicon is not too big or you might realize the size of the Favicon is bigger than the rest of your web page. Also make sure sizes are square and 16×16, 32×32, 64×64 or 128×128. Other sizes would also probably work though it’s important to keep it small to make sure the Favicon looks sharp and high quality on your site.

Once you’ve got yourself a Favicon, upload your Favicon anywhere in your site directory or on any other free or custom web host. Once you have uploaded the Favicon open your template’s Header.php file in your WordPress admin panel (Presentation > Theme Editor) with the Theme editor.

Paste this code anywhere in the file:

<link rel=”shortcut icon” href=”faviconpath” />

Replace ‘faviconpath’ with the path of the Favion. Once this is done save the settings and open your site. You should see your new Favicon next to your web URL on the address bar.

Alternately you can use this WordPress Favicon plug-in. Simply paste the PHP file in your plug-ins directory, activate it and enter the path of the Favicon in the plug-in options.

You can read a different explanation of adding a Favicon to your WordPress blog here

Don’t forget to leave your feedback!

About Luke
is a Software Developer and the main writer behind Computer Realm.

59 Comments on How to Change your WordPress Favicon

  1. Thanks alot . now i fill up my site with more courage

  2. Denis Hughes // November 12, 2010 at 2:40 pm //

    Favicon works on all my pages and I i suggest you should get a favicon into your site too. I’m enjoying most of my time with my blogs because of favicon.Thanks!

  3. this does not work with WP 3.0.1. with or without the dot.ico – this still fails.
    I have managed to insert a favicon icon when using Themeforest Unite in another WP3.0.1 site via the theme panel.

  4. Nice post, great to hear about your experience

  5. big pappa rabbit // February 4, 2011 at 11:46 am //

    yea fav icon. u litterally set a path. wow. how hard. i cant do it. it tooo much. brain…exploding…im dying…ahhhh…help…

  6. Hi,

    I tried the method of altering the script and now any time I go to access wordpress or my site this is displayed:

    Parse error: syntax error, unexpected ‘<' in /home/blakereb/6040mag.com/wp-content/themes/Magzimus – ThemeForest/magzimus/includes/header.php on line 18

    The window with header.php code can still be accessed via clicking the browser "Back" button where I can ctrl+z the code to its original form and then press update but the same error message is displayed.

    Please help as now I can't even access WordPress or my site and I fear that I have lsot everything!!!!

    Ta,
    Blake

  7. nice post , i will try because my site is no icon

  8. Priya Sharma // May 11, 2011 at 6:57 pm //

    I really like your post. Keep posting :-)

  9. Thank you sooo much!!!!!
    Took a while but finally I figured our the right ” marks and it works! :D

1 2

10 Trackbacks & Pingbacks

  1. How to change your Wordpress Favicon Computer Realm | Wood TV Stand
  2. How to change your Wordpress Favicon Computer Realm | Wood TV Stand
  3. How to change your Wordpress Favicon Computer Realm | low cost car insurance
  4. How to change your Wordpress Favicon Computer Realm | garden statues
  5. Bloggiesta Mini-Challenge – Favicons and Gravatars | Hey Lady! Whatcha Readin'?
  6. How to change your Wordpress Favicon Computer Realm | internet marketing tools
  7. Favicons :: Welcome to Penton Technologies
  8. The Bookkeeper » Bloggiesta wrap up
  9. favicon and how to generate them | Bugdrome
  10. Under the Hood | Stella Meme

Leave a comment

Your email address will not be published.

*