iOS Home Screen Icon - Post ID 218168

User 514943 Photo


Registered User
125 posts

I have read the instructions: http://www.coffeecup.com/help/articles/ … reen-icon/

Problem:
I am unclear what to do between making the icon and placing the HTML on the website.
    Do I upload the newly made icon to the website? If yes, where do I upload it?
    Do I rename the icon?
    Do I place the image on my website with a link?

Please direct me. Thank you!
Love those Nikon's!
User 187934 Photo


Senior Advisor
19,162 posts

Place the linking code that they provide you in the head of the pages you want users to be able to set an icon for.
<link rel="apple-touch-icon" href="/images/ios/apple-touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/images/ios/apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/images/ios/apple-touch-icon-iphone4.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/images/ios/apple-touch-icon-ipad3.png" />

Don't rename or alter the images. Up load them to your website and make sure their in the location that the code points to.
For me I have them in a folder called images/ios/
If you needed to you could actually make different images for unique areas of your site and adjust the linking code and the image names accordingly.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 514943 Photo


Registered User
125 posts

Thank you Eric!

My Website Insite now reflects my iOS icon :D
Love those Nikon's!
User 38401 Photo


Senior Advisor
10,951 posts

Perhaps one of the powers that be out there can do an addendum (or just add it that is lol) to that article to reflect the rest of the process above for adding it? :)

**EDITED BY SELF LOL**

Either they already had it there and you didn't see it, or they added it after you posted this, not sure which, but it does look like there are instructions for adding it to the page already in place. :)
User 514943 Photo


Registered User
125 posts

Jo Ann wrote:
Perhaps one of the powers that be out there can do an addendum (or just add it that is lol) to that article to reflect the rest of the process above for adding it? :)

**EDITED BY SELF LOL**

Either they already had it there and you didn't see it, or they added it after you posted this, not sure which, but it does look like there are instructions for adding it to the page already in place. :)


Hi Jo Ann- for me the instructions were not clear enough. With Eric's additional instructions, I was able to complete the task. Thanks again Eric! I would close this comment if I knew how- problem solved!
Love those Nikon's!
User 103173 Photo


VP of Software Development
0 posts

Jo Ann wrote:
Perhaps one of the powers that be out there can do an addendum (or just add it that is lol) to that article to reflect the rest of the process above for adding it? :)

**EDITED BY SELF LOL**

Either they already had it there and you didn't see it, or they added it after you posted this, not sure which, but it does look like there are instructions for adding it to the page already in place. :)

I changed nothing. ;)
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 38401 Photo


Senior Advisor
10,951 posts

Well then it sounds like you might need to Scott :P

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.