Getting Your WordPress Themes Ready for Apple iPad

So you want to get your themes ready for the newly released Apple iPad? Worry not, take a deep breath and follow this simple checklist:

  1. Do nothing.

Done. And no, that is not a joke. Generally you won’t have to do anything since iPad’s Mobile Safari is a full-fledged browser comparable to desktop browsers, supporting modern web practices of (X)HTML/CSS/JS and even HTML5 and CSS3.

There are some points I want to mention, though: design consideration, specific things you can do on iPad’s browser, and more.

Layout

iPad has a resolution of 1024 x 768 pixels in landscape orientation, and (obviously) reversed for the portrait orientation. Any website with a width larger than the current viewport will be scaled down and zoomable. If your theme is designed to be around 960 pixels wide, which I believe is the most widely used width, it will then show up full scale the way you intended it.

Flash

iPad does not support Flash. I don’t think there are that many themes that uses Flash, but if yours do, it might be a good thing to find another alternative.

As a note, Degradable HTML5 audio and video is a neat WordPress plugin that automatically enables HTML5 native playback for compatible browsers (including Safari), and degrades to Flash player for older browsers, and further to a download link for ancient browsers out there.

Things you can do on iPad

This page specify a bunch of things you can specifically do for your website on iPad. A few things you can do are:

  • Specify a width for the viewport,
  • specify a home screen icon,
  • disable scaling and zooming,
  • detect orientation changes,
  • conditionally load CSS for Mobile Safari

Resources:

I do not currently own an iPad, and this article is done after reading and learning through these links:

You may also like...

24 Responses

  1. iPad Forum says:

    im loving the ipad personally. what do you think of it now? was it upto your standards?

  2. thank you very nice shared.=)Where is the blogspot themes?

  3. olly says:

    Great blog, keeping me from jogging… just joke :) Please put more topics about dev

  4. Shane Kaiser says:

    hey guys, there’s been some talk on here about myPadMedia and I thought I’d give it a review after getting my iPad.———–http://www.freeipaddownload.net

  5. escort girls basel says:

    Don’t stop posting such articles. I like to read stories like this. By the way add more pics :)

  6. Hey, thanks for the fantastic article! I found it extremely interesting!

  7. Maria Brolin says:

    As long as I get good technical support I’m good :P

  8. ismail yk says:

    Between me and my husband we’ve owned more MP3 players over the years than I can count, including Sansas, iRivers, iPods (classic & touch), the Ibiza Rhapsody, etc. But, the last few years I’ve settled down to one line of players. Why? Because I was happy to discover how well-designed and fun to use the underappreciated (and widely mocked) Zunes are.

  9. cankan says:

    The new Zune browser is surprisingly good, but not as good as the iPod’s. It works well, but isn’t as fast as Safari, and has a clunkier interface. If you occasionally plan on using the web browser that’s not an issue, but if you’re planning to browse the web alot from your PMP then the iPod’s larger screen and better browser may be important.

  10. Hans Mbamalu says:

    Regard Unrestricted desire videos and Negligent porn movies – The riled tube of Let go of charge Porn & slovenly videos, profligate video and porn video at HolyLOL.com.

  11. Probably the best ipad theme.

  1. April 5, 2010

    […] Let’s start the discussion with a new article that came out today: http://www.wplover.com/1670/getting-your-wordpress-themes-ready-for-apple-ipad […]

  2. April 19, 2010

    […] Getting Your WordPress Themes Ready for Apple iPad from WPLover has a nice description of the issues to pay attention to if you develop WordPress themes. […]

  3. April 21, 2010

    […] Getting Your WordPress Themes Ready for Apple iPad from WPLover has a nice description of the issues to pay attention to if you develop WordPress themes. […]

  4. April 21, 2010

    […] Getting Your WordPress Themes Ready for Apple iPad from WPLover has a nice description of the issues to pay attention to if you develop WordPress themes. […]

  5. May 6, 2010

    […] This short article covers a few things you might like to consider, and it’s also worth taking a look at a plugin called WP-UserAgent if you’re wanting to detect if a reader is using an iPad. […]

  6. May 8, 2010

    […] This short article covers a few things you might like to consider, and it’s also worth taking a look at a plugin called WP-UserAgent if you’re wanting to detect if a reader is using an iPad. […]

  7. May 22, 2010

    […] This short article covers a few things you might like to consider, and it’s also worth taking a look at a plugin called WP-UserAgent if you’re wanting to detect if a reader is using an iPad. […]

  8. June 24, 2010

    […] […]

  9. July 30, 2010

    […] Getting your WordPress themes ready for iPad […]

  10. July 30, 2010

    […] Getting your WordPress themes ready for iPad […]

  11. August 29, 2010

    […] Getting Your WordPress Themes Ready for Apple iPad from WPLover has a nice description of the issues to pay attention to if you develop WordPress themes. […]

css.php