How to create icons in WordPress

  1. Create logo icons using recommended size:
    – 57x57px (Default)
    – 72x72px
    – 76x76px
    – 114x114px
    – 120x120px
    – 144x144px
    – 152x152px
    – 180x180px
  2. Upload images to /public_html/wp-content/themes/xxx/images. See image.
  3. Those will need to go in the, which will most likely be in your theme header.php see image
  4. On Safari searching the root directory of a site you can also explicitly specify the icon files to use in a link element added to the head section of the web page.
  5. Using the same filenames as before a full set of links would look as follows:
    – Default : <link rel=”apple-touch-icon” href=”images/apple-touch-icon/apple-touch-icon.png” />
    – Other size : <link rel=”apple-touch-icon” sizes=”114×114″ href=”images/apple-touch-icon/apple-touch-icon-114×114.png” />
  6. For completeness if you do not want Safari to add any image effects the links would be as follows:
    – Default : <link rel=”apple-touch-icon-precomposed” href=”images/apple-touch-icon-precomposed/apple-touch-icon-precomposed.png” />
    – Other size: <link rel=”apple-touch-icon-precomposed” sizes=”114×114″ href=”images/apple-touch-icon-precomposed/apple-touch-icon-precomposed-114×114.png” />
  7. When a user saves your page to their home screen in iOS or add bookmark, see image.
How to create icons in WordPress
  1. Create logo icons using recommended size:
    – 57x57px (Default)
    – 72x72px
    – 76x76px
    – 114x114px
    – 120x120px
    – 144x144px
    – 152x152px
    – 180x180px
  2. Upload images to /public_html/wp-content/themes/xxx/images. See image.
  3. Those will need to go in the, which will most likely be in your theme header.php see image
  4. On Safari searching the root directory of a site you can also explicitly specify the icon files to use in a link element added to the head section of the web page.
  5. Using the same filenames as before a full set of links would look as follows:
    – Default : <link rel=”apple-touch-icon” href=”images/apple-touch-icon/apple-touch-icon.png” />
    – Other size : <link rel=”apple-touch-icon” sizes=”114×114″ href=”images/apple-touch-icon/apple-touch-icon-114×114.png” />
  6. For completeness if you do not want Safari to add any image effects the links would be as follows:
    – Default : <link rel=”apple-touch-icon-precomposed” href=”images/apple-touch-icon-precomposed/apple-touch-icon-precomposed.png” />
    – Other size: <link rel=”apple-touch-icon-precomposed” sizes=”114×114″ href=”images/apple-touch-icon-precomposed/apple-touch-icon-precomposed-114×114.png” />
  7. When a user saves your page to their home screen in iOS or add bookmark, see image.
Phuket
More
Addresses
Contact Us
Intouch
© 2019 Imarketingonly All rights reserved.
  • We will use the data you submit to fulfil your request. Privacy Policy.

Imarketingonly

The Great Oast, Steep Marsh Petersfield Hampshire GU32 2BN
125/5A Srisoonthorn Road. Cherngtalay District. Thalang Phuket 83110
+66 (0) 76 324184 +66(0) 898 740 040 +44 (0) 1730 895648 +44 (0) 208 1234 164 +44 (0) 7798 554540 Start Price 120 GBP