Adding a favicon to your WordPress site

Favicon is the small icon that appears in the left of the url of a website up in the browser. It stands for favorites icon and is thought to be used to identify your website.

Favicon is a small 16×16 px icon named favicon.ico
How do you create a favicon? The easiest way to create one is use online services.  I personally use the one here http://tools.dynamicdrive.com/favicon/. You need simply to upload the image in the upload field and you’ll have your favicon ready in seconds.

Upload your new favicon.ico file inside the theme folder and in the header.php file, inside the <head> </head> tags add this line of code :
<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />

Your favicon will appear in the browser in seconds.

7 Comments

  1. Very nice site and http://favicon.cc favicon maker website.. Thanks..

  2. Rich says:

    Hey liked the post – i’ve always wondered how to do that! & nice bit of software for the favicon
    thanks Rich

  3. thanks for the tutorial.. now mine also is up :)

  4. Grapedrink says:

    I think I pretty much tried this to a T and it is not working for me… what can I be doing wrong?

    • Mike says:

      If you followed the instructions correctly it should work fine. Make sure the favicon.ico file is inside your active theme, in the root folder, not inside the images folder.

  5. theartdonor says:

    Grapedrink & Mike,
    I couldn’t get my favicon to work using the code above. The following worked for me –

    <link rel="shortcut icon" href="/favicon.ico” />

    I got this bit of code from http://codex.wordpress.org/Creating_a_Favicon

    Hope it helps.

Leave a Reply

promotions

Buy One get One Free

Add any two themes to your cart and enter coupon code “onefree” during checkout.

Get all the themes

Get all our themes at once for less than $4/theme.
Learn more...

Become an Affiliate

Sign up for our affiliate program and get 25% of every sale you refer.
learn more