Site Icon Pro
Luca Spiller By Luca Spiller

April 20, 2016

Site Icon Pro Plugin

Site Icon Pro gives you full control over the exact icons and HTML used to display the favicon and app icons on your Wordpress site!

Site Icon Pro gives you full control over the exact icons and HTML used to display the favicon and app icons on your WordPress site! By default the Site Icon functionality
autogenerates and uses the same icon for each platform. Different platforms have different recommend styles, so if you want greater control over which Site Icon is used on each, this is the plugin for you!

Site Icon Pro allows you to specify the exact HTML meta and link tags that are used to display site icons so you get complete control. If you want an icon with a transparent background in browsers, but a white background on iOS, you can do it with this! Unlike editing a theme directly, your changes won’t be lost if you upgrade or switch themes.

Note that this is a plugin for advanced users, if you aren’t comfortable editing HTML please stick to the built in Site Icon functionality (in WordPress 4.3+).

Icon Formats

Although there are various automated tools that will resize an image to every favion resolution, for full control you should generate each icon seperately. Each platform has different guidelines for how favicons should look and how they behave. Additionality automated tools will resize your images rather poorly – you will be able to generate much better quality favicons by resizing them yourself from a vector image.

We recommend you include the following icons at the very least:

  • ICO – 16x16px low resolution icon on a transparent background (some tools let you combine multiple resolutions in a single file, in that case also add a 32x32px version)
  • PNG – 32x32px retina icon on a transparent background

The plugin includes further documentation on icon formats and sizes, including those for:

  • Apple iOS (iPad and iPhone)
  • Android
  • Windows Metro Tiles (Windows 8.1+ and Windows Phone 8.1+)

Contributing

If you would like to contribute to this plugin, please visit our GitHub repository.

Installation

From your WordPress dashboard (Automatic Installation)

  1. Visit ‘Plugins > Add New’
  2. Search for ‘Site Icon Pro’
  3. Activate Site Icon Pro from your Plugins page.

From WordPress.org (Manual Installation)

  1. Download Site Icon Pro.
  2. Upload the ‘site-icon-pro’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate Site Icon Pro from your Plugins page.

Once Activated

  1. Visit ‘Settings > Site Icon Pro’ and edit the HTML to generate your icons there. You should upload your icons to ‘wp-content’ via FTP / SSH / etc.

Upgrading from a previous version

  1. Visit your WordPress dashboard
  2. Click ‘Plugins’
  3. Click ‘Update Now’ in the ‘Site Icon Pro’ section.

Alternatively follow the instructions above to install the plugin manually, deleting any old ‘site-icon-pro’ directory.

Screenshots

  1. The settings page. You can specify the exact HTML used to display your Site Icons.

    The settings page. You can specify the exact HTML used to display your Site Icons.

  2. How your icon will look in Google Chrome on OS X (non-retina).

    How your icon will look in Google Chrome on OS X (non-retina).

  3. How your icon will look on Internet Explorer 8 on Windows XP.

    How your icon will look on Internet Explorer 8 on Windows XP.

  4. How your icon will look on iOS 8 (retina).

    How your icon will look on iOS 8 (retina).

FAQ

Does the plugin support multisite installations?

Yes, each site can have its own HTML to display Site Icons.

Where can I get support?

Feel free to open a thread at the Site Icon Pro support forum.

Changelog

1.1.1

  • Tested up to WordPress 4.5.

1.1.0

  • More documentation on icon formats.

1.0.0

  • Initial release.

Details

  • Version: 1.1.0
  • Active installations: 90
  • WordPress Version: 4.0
  • Tested up to: 4.5.32

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars