Once you have a touch icon (which you should have saved as .png
or a set of them), you'll need to add them to your theme.
index.html
file.index.html
, add the following code inside the <head>
section:<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"/> <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"/> <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"/>
index.html
file.We added a few lines of code to fetch our touch icon to index.php
. You'll notice that we included three file sizes:
The icons become available when you save pages as web clips to the home screen like so:
Q1. What things should you take into consideration when planning your theme?
Q2. What does sketching your theme design accomplish?
Q3. How much sample text should you start with?