Revolutionary WordPress Theme for the iPhone / iPod Touch

As some of you might have already noticed, last night/this morning I’ve been doing some (or better, a lot of!) work on my web-space regarding many different topics. Therefor I would first like to excuse me for the inaccessibility. However, one of the topics was my WordPress’ theme.

The red block let's you choose.

I’ve been now using Prologue for quite a very long time – I guess longer than I’ve ever used one WordPress theme before – and I’m highly pleased of it. However, even that Prologue has a built-in iPhone/iPod Touch browser-detection which cuts away the sidebar and only keeps the important news-stream in focus, I haven’t been very satisfied by that. The font is still pretty small, nearly unreadable, the links are therefor pretty hard to hit, et cetera.

However, yesterday then Andi showed me some pretty nice little framework he just found, what actually doesn’t have anything to do with WordPress itself, but made me think of a very cool idea. The iWebKit-Framework is a small set of CSS and image files that concentrates on building a website in a way so that it looks just like an iPhone or iPod Touch Application. The whole thing’s appearance is pretty sexy, you can take a look at the downloads and get the framework plus some example HTML files for testing.

My optimized front-page.

So, I took a closer look on the iWebKit stuff and did some (again better, a lot of!) PHP WordPress theme hacking. I think I spent the whole night building that thing – but I also think that it was worth it, heh. And I guess, I’ve created a revolutionary and new WordPress theme aimed for the usage on iPhones and iPod Touches – the only problem I had left was: How to I get WordPress to use this theme only on the tiny Safari, but on nothing else? After some more PHP hacking, which included modifying my Prologue theme but not the actual WordPress (what’s the really cool thing within the whole story), I’ve found a way.

When you browse my WordPress now using your iPhone, you should be getting a red message right on top of the site, which tells you that it has detected the tiny Safari and suggests you to use the iPhone optimized theme. If you confirm by clicking the first link, the whole site’s design should get to look just like on the pictures I’ve inserted here.

My contact information - optimized.

I will extend the theme some more, maybe by building in JavaScript effects or other Eye-Candy, to make it fit even better into the iPhones Look & Feel. I was also thinking of some Cover-Flow’ish effect for my Gallery (which at the moment just links to my Picasa-Site, but thanks to the great API provided by Google it shouldn’t be too hard to implement that right into the page).

Maybe, after some more testing I’ll be able to provide it for download, including a whole documentation of how to make it work. Until then, I hope you enjoy browsing my Blog, especially over the iPhone or your iPod Touch. Please feel free to write me your impressions, feedback and also suggestions for improvement by commenting here or writing me an e-mail. So far …

Have fun!