2 years. Thats how long it’s been since my buddy Felix & I waited in line at 6 AM in front of the AT&T store to get the iPhone 3G. I held off from getting last year’s model; I guess the $699 price tag was enough to keep me at bay, but just barely. So two years later, with a new job across town, I find myself once again standing in line at 6 AM with my buddy Felix to get Apple’s latest toy. But instead of 20 people ahead of us, this time there was roughly 500.
After spending the last few days working on making another site experience more iphone-friendly, I figured why not my own? I started by scrapping my old ghetto WordPress theme in favor of something from scratch and a lot more minimal. Once I got it to where I liked, I realized the iPhone version sucked now sucked.
My first step in iphonization (thats a real word. i think) was installing the iWPhone wordpress plugin which checks if you’re using the mobile safari browser and switches the theme accordingly. Then i took the generic WP theme and chopped it up, dropped the sidebar, added some javascript to resize the images to 300 px wide, and tested it a million times until the look was consistent in most aspects with the normal site.
There’s a lot of little tips and tricks out there to make a site function better on the mobile Safari browser. Probably the most helpful was Razak.nl. He shows you how to make your site look and act more like a native app by getting the browser out of the way. If you’re going to try this out for your own site, make sure you also look at Molecular Voices and iPhone Microsites to get you headed on the right path.
Insert the obligatory “Welcome To 2003” joke here. But all things aside, it works, and it works great. Glad now that I upgraded to that 1500 messages plan. Of course I’m a chump with only a 3G iPhone so I can only receive video.
When the first iPhone came out, I was boycotting it. Lame, I know, but I refused to go to the Apple store and even look at it. I knew the second I got my hands on one, I’d have to buy it right there on the spot, and I really wasn’t in the mood to spend 600 bucks. I’m proud to say I held out for a whole week.
So I finally got the WordPress app for the iPhone working. And while yes, it does work (I’m writing this post on it), there are caveats.
A few things that could be better:
For one, image placement lacks any kind of align in the image tag, so the picture placement is very haphazard and it just plain looks bad. Sure you can manually add the align code, but I think a lot of users of this app won’t know how to do that.
Also, I don’t like how when you hit save, it puts you back into the list of posts. When you use the actual version of WordPress and you publish, it keeps you in the post so you can keep editing it. I’m a prolific saver by nature, it’s burned into my brain by years of working on large photoshop files on crash-prone computers. Having to go back into the post after every save isn’t that big of a deal, but it breaks up my work flow and typing on the iPhone isn’t the easiest task.
These annoyances aside, the app works, and the few things it does, it does fairly well. If you need to post on the go, this app could be for you. Besides, it’s free.
Thanks to this free plugin for WordPress, you can instantly format your blog specifically for the iphone when someone logs on from one. Sweet. It basically just switches the CSS stylesheet when it detects you are on from the mobile Safari browser. The mobile page looks like the default WordPress theme, but you have complete access to the CSS and can edit that style it to look however you like.