Multicons: Favicon Code Generator

Multicons is a multi-favicon code generator which automatically inserts the necessary
meta tags for both favicons (site-wide and/or admin) and Apple Touch / iPhone icons.

DOWNLOAD DONATE
Description

Multicons is a multi-favicon code generator which automatically inserts the necessary meta tags for both favicons (site-wide and/or admin) and Apple Touch / iPhone icons.

Not sure what a favicon is? "A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of their own from the hard drive and associate it with a website." – Wikipedia

Favicons have a subtle, if small, role in building the branding of a website. When a user takes notice of a favicon it can often be a good indication they have come to the right place serving as visual representation of a website not only in the browser address bar but also when sifting through bookmarks. It is no secret that our eyes gravitate towards images before text and not just on the web but iPhones and iPads as well.

The meta data output by Multicons:
SITE-WIDE FAVICON:

• Location: Website [and Admin if no Admin Favicon specified]
• Produces the following code within the header:

ADMIN FAVICON:

• Location: Admin only
• Produces the following code within the header:

APPLE TOUCH ORIGINAL ICON:

• iDevice effects such as gloss and rounded corners added
• Location: Website only
• Produces the following code within the header:

APPLE TOUCH PRECOMPOSED ICON:

• No iDevice effects added
• Location: Website only
• Produces the following code within the header:

If no image links are provided then no code is output. If an Admin image is not provided this option will default to the Site-Wide Favicon.

This plugin includes two sample files to assist in building the required images. We have included both a favicon.tiff and an apple-touch-icon.tiff file. These sample images are pre-sized and ready for a creative mind. Open these files in a graphics editor of your choice, make the necessary changes, save them in their appropriate file format and upload them. Typically favicons are stored in the 'root' of a website or in the case of WordPress, the same location as the 'wp-content' folder.

DOWNLOAD DONATE
Installation
  1. Download the plugin and expand it.
  2. Copy the multicons folder into your plugins folder ( wp-content/plugins ).
  3. Log-in to the WordPress administration panel and visit the Plugins page.
  4. Locate the multicons plugin and click on the 'activate' link.
  5. Set up the plugin by visiting Settings > Multicons and provide links to your favicon images.

40 Comments, Questions & Answers

  1. I can't seem to get this plug-in to work. I've followed the directions. Can someone help me with this? Thanks!

    • Sandra,

      I'm looking at your website now and will be emailing you shortly. Thank you for your patience.

  2. Hi Guys,

    Pretty sure I followed the directions correctly but Multicons does not seem to be working.

    Where do I begin to look for errors?

    Thanks,

    ~Terry

    • Terry,

      I see the code for Apple favicons. Did you setup the generic favicon as well? If you would like to contact us with access to your WordPress website by setting us up as a user I would be happy to take a closer look. Please only send log in details via the contact form or through the email on the contact page.

  3. Can you please add the option to use the admins Gravatar or Google+ Picture as the Favicon?

  4. Thank you – I went through so many plugins before I found one that works!!

    My favicon doesn't seem to be working in explorer – any ideas on how to fix this?

    • Michelle,

      Hopefully this is working by now. For the most part it seems that the browser needs to clear it's favicon cache if you've been visiting the site a lot.

  5. Natalie Commented On

    Hi! Great plugin! –I'm very new to wordpress sites and the instructions were easy to follow! I've got it working correctly in firefox but not safari. I've cleared my cache and that didn't fix it. Any idea what I've done wrong? Thanks for your help!!

    PS I love when I see plugin creators posting answers to questions in the comments sections.

    • Natalie,

      It's working, I just checked it in Safari. Might be a cache issue that hasn't quite cleared yet. The site is looking good by the way.

  6. I am able to make the icons work on the firefox browser but the site uses the RSS icon when using IE. Is there any way to make IE use the icons properly. Thanks, doing this for a customer and they want the nice icon in the tab to be consistent.

    • Roger,

      Look in your header.php file for the following:

      <link rel="shortcut icon" href="http://www.cprassociatesinc.com/newsite/wp-content/themes/flexibility3/favicon.ico" type="image/x-icon" />
      

      This is a link to an RSS favicon. Delete this line and everything should work as expected.

Tracbacks
  1. Как добавить favicons в блог | Multicons | темный Незнайка светлый Wordpress | n-wp.ru
  2. Recently updated wordpress plugins: 2010.8.10 (1) | WP Note
  3. How To Create Favicons
  4. Delicious Bookmarks for July 17th through July 18th « Lâmôlabs
  5. 今年(2011)最後に自分のWebサイトのファビコンを作成して設置してみる | bl6.jp
  6. Multicons [ Mulitple Favicons ] | WP Plugin Directory
7ads6x98y