Tips for Getting Your Mobile Site on the Home Screen

• mobile-friendly modified version of your website;
• for each of your targeted mobile operating systems:
  • a professional-looking app icon that's built to the proper dimensions; and
  • one line of HTML code, inserted into your standard header;
• some slick, friendly messaging about how to add your mobile site to their home screen; and
• a small bit a JavaScript (less than 30 lines) to determine what messaging, if any, to display.

What follows is a fast, easy and cost-efficient step-by-step breakdown for how to add a custom iOS icon to a small site built on WordPress — completed in one afternoon and by someone who doesn't build websites for a living.