OL Learn

Ios and Android home screen icons

Hi all.
I would like to add some custom link tags within the <head> tag of a webpage that is generated and served via workflow, such as; <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
This will allow a mobile device to have a custom icon when the page is added to the home screen. Is there a way to do this in Designer?

That’s right, it’s possible by the Designer.

Please follow the following steps:

  1. Create a script: on the Scripts pane (at the bottom left), click New. A new script appears in the list. Double-click on it to open it.
  2. Change the name of the script, so that it reflects what the script does.
  3. Choose the option Selector and in the Selector field, type head
  4. Write a script that appends an element to the web page. In your case: results.append("<link rel='apple-touch-icon' href='images/apple-touch-icon.png'>");

Source: PlanetPress Connect User Guide > Template Design > Web > Web pages > ‘Adding information to the head via script’

3 Likes

This is a nice response, I particularly appreciate the reference to a specific Help Page!

That’s great. Thank you very much.