Skip to content

Making your blog iphone friendly

2010 January 24

Browsing websites on an iphone can be a little frustrating and any website which has a mobile iphone specific skin adds a higher level of stickyness.

So how do you know if you know how many users are accessing your website with an iphone?, Luckily most analytic packages will let you drill down and see the operating system and browser type.

From Google Analytics, its Visitors > Browser Capabilities > Browsers and OS.

Browsers and OS Google Analytics 1264253002094 520x305 Making your blog iphone friendly

A very small percentage are accessing using the Safari/iPhone combo, but Wii, PS3 & ipod touch visitors make up roughly 10%, so enough to warrant some configuration.

Accessing my site with an iphone looks like this, which doesn’t render too well as the width is too much and doesn’t zoom correctly.

screen3 520x284 Making your blog iphone friendly

Adding the WPtouch plugin, sets a mobile friendly theme for iPhone, iPod touch, Android, or BlackBerry Storm, with support for the following user-agents: android, aspen, blackberry9500, blackberry9530, cupcake, dream, incognito, iphone, ipod, opera mini, webmate, webos.

Once installed it looks like this to mobile visitors.

screen2 520x284 Making your blog iphone friendly
screen 273x500 Making your blog iphone friendly

Very easy to install and configure, but makes a massive difference – definitely one of the must have additions for wordpress users.

(I’ve used a mac app called Iphoney to test)