How to set Shortcut Icons

Elegant supports Favicon, Opera Speed Dial, and shortcut or launcher icons on Apple iOS and Android devices. These are disabled by default to avoid unnecessary HTTP requests on sites that do not use them.

To enable, set USE_SHORTCUT_ICONS in your configuration

USE_SHORTCUT_ICONS = True

Place your images in content/theme/images directory, and define STATIC_PATHS variable in your configuration

STATIC_PATHS = ['theme/images', 'images']

Your images should have these names,

1. apple-touch-icon-152x152.png
2. apple-touch-icon-144x144.png
3. apple-touch-icon-120x120.png
4. apple-touch-icon-114x114.png
5. apple-touch-icon-76x76.png
6. apple-touch-icon-72x72.png
7. apple-touch-icon-57x57.png
8. apple-touch-icon.png
9. favicon.ico

I highly recommend you to use Iconifier.net to generate the set of images.

Like this post? Share on: Twitter ❄ Facebook ❄ Email

Talha Mansoor is the creator and lead developer of Elegant theme.