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.
From your WordPress dashboard (Automatic Installation)
- Visit 'Plugins > Add New'
- Search for 'Site Icon Pro'
- Activate Site Icon Pro from your Plugins page.
From
WordPress.org (Manual Installation)
- Download Site Icon Pro.
- Upload the 'site-icon-pro' directory to your '/wp-content/plugins/' directory, using your favorite method (ftp, sftp, scp, etc...)
- Activate Site Icon Pro from your Plugins page.
Once Activated
- 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
- Visit your Wordpress dashboard
- Click 'Plugins'
- 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.