Tom Beardshaw

I've just made an iPhone interface for my Sweetcron site. The iPhone likes a simple interface, so it's easy to create a good looking view for your mobile lifestream.

If you don't have an iPhone, here are some screenshots of the theme mashed together, showing the social media items it supports.

Azri from Brainstorm sets out how to create an iPhone theme in Sweetcron.

Here are the steps that I took to set it up:

1. Replace _header.php with this code - sets up the redirect when it finds the iPhone


2. Rename these theme files:
   
   • _header.php -> _header-normal.php
   • _activity_feed.php ->_activity_feed-normal.php
   • _footer.php -> _footer-normal.php
   • _single.php -> _single-normal.php
3. Create these iPhone theme files:
   
   • _header-iphone.php
   • _activity_feed-iphone.php
   • _footer-iphone.php
   • _single-iphone.php
   • main-iphone.css

Then get to work!

Azri has a few other tips, and I'd add it's a good idea to express all widths in percentages, then the theme then adjusts to the iPhone's orientation based display.

I started with my normal theme files, but changed the feed source navigation tabs to a drop down (which works nicely on the iPhone), put search front and centre then a simple activity feed.

Item display was based on my main theme but with just service, date, title and type.

All the items link directly to the original except blog posts, which display comments as well.

So there you have it - Thoughts?

Like?