Adding iOS Icons for Bookmarks

Since newer PHP Melody themes such as the Echo theme are responsive you might want to add your own app-like icon for iOS devices.

That’s because when bookmarked, your site will have a nice little icon on the user’s screen; just like a native app.

Pro tip: You can create the required icons from your own logo: https://iconifier.net/

Your default icon should be 57x57px. But iPad and Retina devices need to provide more sizes. iPad requires icons with the size of 72x72px, while Retina devices need icons with 114x114px size.

Once you have the icons you need to edit your PHP Melody theme header.

Open:
/templates/[current theme]/header.tpl

Find:

<link rel="shortcut icon" href="{$smarty.const._URL}/templates/{$smarty.const._TPLFOLDER}/img/favicon.ico">

After, add:

<link rel="apple-touch-icon" href="https://your-site-com/icon.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="https://your-site-com/icon.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="https://your-site-com/icon.png"/>

Comments

3 responses to “Adding iOS Icons for Bookmarks”

  1. binance Avatar

    Thanks for sharing. I read many of your blog posts, cool, your blog is very good. https://www.binance.info/en-IN/register?ref=UM6SMJM3

  2. 创建免费账户 Avatar

    Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

  3. binance Avatar

    Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

Leave a Reply

Your email address will not be published. Required fields are marked *