How do I add a favicon to WP?

Discussion in 'WordPress' started by JPMiddleton, Jul 5, 2011.

  1. #1
    JPMiddleton, Jul 5, 2011 IP
  2. shareurlinks

    shareurlinks Well-Known Member

    Messages:
    429
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    123
    #2
    shareurlinks, Jul 5, 2011 IP
  3. vancyborg

    vancyborg Active Member

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    58
    #3
    1. The first favicon file (favicon.ico) is either a 16×16 or a 32×32 icon. Nowadays, all modern browser supports both size.

    2. The second favicon file (favicon.gif) is a (reasonable) free size, and can be an animated GIF too! The .gif version have precedence over the .ico. So, if the browser support animated favicon, the animated will be displayed, else the static .ico will be used instead. Note that both favicon.ico and favicon.gif can be different pictures.
     
    vancyborg, Jul 5, 2011 IP
  4. mohsince

    mohsince Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    simply upload your faviicon to root directory of blog with default name of faviicon

    it will automatically show favicon
     
    mohsince, Jul 7, 2011 IP
  5. JPMiddleton

    JPMiddleton Well-Known Member

    Messages:
    1,728
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    115
    #5
    Bingo, thanks for the reply.
     
    JPMiddleton, Jul 8, 2011 IP
  6. shareurlinks

    shareurlinks Well-Known Member

    Messages:
    429
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    123
    #6
    No problem, Happy to help.
     
    shareurlinks, Jul 8, 2011 IP
  7. JPMiddleton

    JPMiddleton Well-Known Member

    Messages:
    1,728
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    115
    #7
    It works a treat, great plug in, thanks again.
     
    JPMiddleton, Jul 8, 2011 IP
  8. botssuck

    botssuck Peon

    Messages:
    54
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Make sure your delete your cache. Your browsers cache. Other wise it will not work. this is just a heads up for the future. I already see that you have it worked out. ( Previous post) :)
     
    botssuck, Jul 8, 2011 IP
  9. brinkmedia

    brinkmedia Peon

    Messages:
    52
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    omg people you need plugin to do that? just open the source code your homepage find in header the path to favicon file, open your ftp and replace the file with your custom favicon
     
    brinkmedia, Jul 9, 2011 IP
  10. MuseHack

    MuseHack Member

    Messages:
    36
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #10
    I prefer not to use a plugin for something like a favicon. If you try doing this manually, make sure you backup your header.php in the theme folder before you edit it. (Your cPanel File Manager will edit PHP.)

    If you do not already have a favicon you can just replace, then you will have to go to your theme folder and edit header.php. To add a favicon to your site in WordPress 2.0 or later, place your favicon.ico graphic file inside your root theme folder, then add this line to header.php between the first lines that start with <link rel= as a new line.

    <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

    In the header.php file on my sites, there are two lines that start with <link rel="alternate" so add the above code after those first two and before the one that starts with <link rel="pingback" with no white space inbetween (after dropping the favicon.ico you want to use into the root theme folder).

    When you view the source code on your site when going to it in a browser after header.php has had a line added, it should look like:
    <link rel="shortcut icon" href="http://yourwebite.com/wp-content/themes/yourthemename/favicon.ico" />
    where yourwebsite and yourthemename is replaced by your domain name and the theme on your site.

    You can create a favicon at favicon.cc which is the site I use. They let you search for an existing graphic on their site or you can upload a (simple) graphic. A Favicon will definitely make your site appear more professional as adding one is attention to detail.

    I would suggest trying this the first time on a test site, but if you back up your site, you won't end up with a problem that can't be reversed. Wordpress.org has a good tutorial.

    Don't forget to clear your browser cache before trying to view your new favicon :~)
     
    Last edited: Jul 9, 2011
    MuseHack, Jul 9, 2011 IP
  11. soniakapoor88

    soniakapoor88 Member

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #11
    Get a 16*16 or 32*32 size ico file, search for favicon plugin and install favicon plugin, you will find it very easy.
     
    soniakapoor88, Jul 10, 2011 IP
  12. Hysteresis

    Hysteresis Greenhorn

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #12
    Yes, just do it manually. You can create a favicon with any graphic you have at favicon(dot)cc.
    Then just manually upload it to your site via FTP.
     
    Hysteresis, Jul 10, 2011 IP
  13. udehnans

    udehnans Member

    Messages:
    60
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    38
    #13
    The most simple way is go to admin area - plugin - add new - type "favicon" on search bar and BINGO... :)
     
    udehnans, Jul 10, 2011 IP
  14. atozvision

    atozvision Peon

    Messages:
    78
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    use plugin, for better solution.
     
    atozvision, Jul 12, 2011 IP
  15. kinzu123

    kinzu123 Peon

    Messages:
    35
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #15
    To change your Image Format from .png or .jpeg just rename your image to "imagename.ico"
     
    kinzu123, Jul 12, 2011 IP
  16. dekap

    dekap Greenhorn

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #16
    make a 16x16 image and save it as a icon and upload to your root dir.
     
    dekap, Jul 12, 2011 IP