How to: Create an iPhone version of your blog

Posted on 06. Apr, 2009 by Alex Denning in Quick Tips, Theme Design

screenshot

As I wrote on WPHacks a while ago, an iPhone version of your site is increasingly becoming a necessity. Why? So many people have iPhones and iPod Touches these days it is important to make sure your site works with the Mobile Safari platform.

I’ll stop rambling.

Using the iWPhone Plugin, you can make an iPhone version of your blog. Trouble is, it doesn’t really look that great. Solution: the Nometech iNomeBlog theme: an improved version of the default theme that comes with the plugin. It isn’t particularly advanced, but it clearly displays your blog to iPhone/iPod Touch users.

To install the theme, download the file below and unzip it. Upload the iwphone.php file to /wp-content/plugins/ and activate it. Then upload the inomeblog file to /wp-content/themes/ (and don’t activate it) and you’re done!

Download or see the demo (if you’re on an iPhone)

Part of the NomeTheme series



No related posts.

Tags:

Follow on Twitter! Subscribe!
Alex's Gravatar

Alex Denning is the founder of WPShout. A WordPress developer from London, Alex co-founded WPShift at the start of 2010 where he sells awesome WordPress themes.

You can find Alex on Twitter and at AlexDenning.com.

15 Responses to “How to: Create an iPhone version of your blog”

  1. PeterButler

    10. Apr, 2009

    I hadn't given much thought to making themes handle iphones specifically, since they handle normal websites so well. Can you give us some idea of the steps you took, and why?

    Reply to this comment
  2. Edmond

    23. Apr, 2009

    Yeah thanks alot its much better than the original version I’m using it right now

    Reply to this comment
  3. Alex Denning

    10. Apr, 2009

    Yeah, sure.

    Basically, I was fed up with having to zoom all over the place when browsing the web on my iPhone, so the solution seemed to be create a plugin that made an iPhone specific version of my blog. As for the theme, its a fusion between NomeBlog and the theme that comes with the iWPhone plugin.

    Reply to this comment

Trackbacks/Pingbacks

  1. [...] a plugin, but I’ve zipped it all up for you so it is really easy to install. Check out this blog post for detalis of how to install [...]

  2. [...] iPhone support – as I wrote here a short while ago, iPhone support is becoming increasingly a necessity. NomeBlog supports the iPhone through the use of the iWPhone plugin, which I’ve customized. You can download the customized version of the plugin (which looks great!) here. [...]

  3. [...] iPhone support – as I wrote here a short while ago, iPhone support is becoming increasingly a necessity. NomeBlog supports the iPhone through the use of the iWPhone plugin, which I’ve customized. You can download the customized version of the plugin (which looks great!) here. [...]

  4. [...] iPhone support – as I wrote here a short while ago, iPhone support is becoming increasingly a necessity. NomeBlog supports the iPhone through the use of the iWPhone plugin, which I’ve customized. You can download the customized version of the plugin (which looks great!) here. [...]

  5. [...] iWPhone plugin, from ContentRobot. But we won’t actually use the download from their site – instead head over to Nometech, where you can download the customised version and customised theme. You could integrate the plugin into your function.php, but I’m against that for features not [...]

  6. [...] use &#116&#104e down&#108o&#97d from &#116&#104eir si&#116e – ins&#116e&#97d hea&#100 &#111ver t&#111 N&#111metech, where &#121&#111u can &#100&#111wnl&#111a&#100 the cust&#111m…. You cou&#108d int&#101g&#114at&#101 th&#101 plugin into you&#114 &#102unction.php, but [...]

  7. [...] iWPhone plugin, from ContentRobot. But we won’t actually use the download from their site – instead head over to Nometech, where you can download the customised version and customised theme. You could integrate the plugin into your function.php, but I’m against that for features not [...]

  8. [...] da ContentRobot. Na verdade não vamos utilizar a estilização feita pela ContentRobot, vamos à Nometech buscar uma versão com template profissional e estilizado propositadamente para o efeito. Poderá [...]

Leave a Reply

Please use your real name when commenting. Wrap code in <code> tags and make sure HTML is encoded. You can use regular HTML like <a href="... etc.

Get yours questions answered quicker

If you're using this post for paid work and have a question of any complexity then please ask at WPQuestions where you'll get a prompt response.