WordPress.org

Ready to get started?Download WordPress

Forums

iOS icons for ipad / Iphone (2 posts)

  1. Lukasdamgaard
    Member
    Posted 1 year ago #

    Hey i want to set an icon or "web clip" for my website, so it displays my logo when you add site to homescreen on ipad.

    I figured out the code i need to insert in the Root directory,

    <link rel="apple-touch-icon" href="your-custom-icon-for-iphone.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="your-custom-icon-for-ipad.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="your-custom-icon-for-iphone4.png" />

    BUT! i dont know where exactly where i have to insert it when im using wordpress.

    Hope anyone can help.

  2. franbot
    Member
    Posted 1 year ago #

    I put this code in the header.php within my active theme to test it out and it works perfectly on iPad and iPhone. I know the proper way to do this would be to make a child theme and put this code in a header.php file within the child theme, but for testing purposes this works.

    This is a good reference:

    http://gigaom.com/apple/how-to-create-ios-device-home-screen-icons-for-web-sites/

    It turns our there are apps for creating the icons at the appropriate resolutions. Search the app store. I did mine in photoshop.

    In addition this is the code I found to customize the description that the "add to home screen" button provides by default. I think this solution will only work with iOS6 or above. Also you are limited to 12 characters. Replace "short name" with your 12 character name for the home screen

    <meta name="apple-mobile-web-app-title" content="Short Name">

    This is where I found this code:
    http://stackoverflow.com/questions/3400741/setting-home-screen-icon-name-for-mobile-safari

Topic Closed

This topic has been closed to new replies.

About this Topic