Pinterest Stumbleupon Whatsapp
Ads by Google

Automattic, the company behind the WordPress blogging platform, currently hosts over 4.5 million blogs. According to their download counter, they have served just over 3.1 million downloads of their self-hosted blogging software. With nearly 8 million blogs in the wild, it’s easy to see that many content publishers have embraced the platform’s ease of use and functionality.

Many content publishers will be interested in how they can serve their content on as many different internet platforms, designing layouts to work in all browsers and also allowing users to visit their sites on mobile devices.

Internet-capable mobile devices have been gaining in popularity over the last few years but with the release of Apple’s iPhone, websites can be served in their full glory via a 3G or Wi-Fi network. This, however, does not mean that developers aren’t keen to make iPhone compatible websites to keep their users happy. I am happy to report this can also be the case for website owners running the ever popular WordPress platform.

Today I wish to share with you how easy it is to make any WordPress installation iPhone compatible.

Step One

Firstly you need to check that you are at least running WordPress 2.3. If you aren’t, upgrading of your WordPress installation is highly recommended to patch known bugs and to enable you to use the plugin noted below. This tutorial is based on an installation of WordPress 2.7 Beta 3, which has minor changes to the style of the admin area. Readers using a previous version of WordPress will still be able to locate the same areas described in this post.

Next, we will need to download the plugin that makes it all happen. The plugin in question is called WPtouch and is developed by Dale Mugford & Duane Storey of BraveNewCode Inc. I have linked to the download hosted on the WordPress Plugin Directory as many WordPress website owners will be familiar with it.

Ads by Google

Once downloaded, extract the archive and upload the resulting folder to the plugins folder inside your wp-content directory.

Step Two

iphone wordpress plugin

Log into the Administration panel of your WordPress installation. Inside your Plugins screen, activate the recently uploaded plugin.

Without doing so much as uploading and activating a plugin, you have made your WordPress blog iPhone ready – but we’re aren’t finished just yet.

Step Three

blog iphone friendly

The final step is changing some of the WPtouch preferences to work better for your blog. Clicking into Settings -> WPtouch will bring up a preferences page allowing to select how the plugin will serve your iPhone ready blog.

The first section you will encounter will be Optimization & Template Options. This section will allow you to enable or disable AJAX controls (allowing smoother comment submissions and page loading), decide whether you wish to enable Gravatars or even allow the submission of comments on your Pages (not to be confused with blog posts).

wp touch

In the next section you can choose how your WordPress iPhone pages will look. It’s simply nothing more than choosing a colour palette similar to the full version of your site and applying it inside this preference screen.

wp touch settings

Wptouch allows you to configure many more options inside its interface.  These include:

  • Post Listings Options – Select which post-meta items will be shown beneath titles on the index, search & archive pages.
  • Available Icons – You can select which icons will be displayed beside corresponding pages enabled for your iPhone ready blog.
  • Default Menu Items – Enable/disable items from appearing in the WPtouch dropdown menu.
  • Plugin Support & Compatibility – This allows you to configure plugins that you use to work with WPtouch. Some currently supported plugins include FlickrRSS, Blip.tv and Tag Cloud.

When you have finished amending the sections inside the Administration panel, save your progress by clicking Save Options at the bottom of the page.

Your blog should now be ready to be viewed by all iPhone users. Development of this plugin is ongoing and the team are adding many new features with every release. There are already a few tools that exist to make your website iPhone compatible (MakeUseOf uses a service called Mofuse for example) but for ease of use and customization, WPtouch is a safe bet. You can check out MakeUseOf’s mobile version at http://m.makeuseof.com.

  1. iphone app reviews
    October 7, 2009 at 10:13 am

    Enabling WordPress to now work on the iPhone is a great feature. These days everyone is working with a new smart phone and iPhone is definitely the most popular. Blogging is just one aspect of social media networking, which is also taking the world by storm. Great write-up.

  2. Rich Gubby
    September 18, 2009 at 10:47 am

    Hi! I'm wondering if you'd seen my new plugin for WordPress? It doesn't just make your blog look nice on an iPhone, it makes it look nice on every handset - from an old WML browser, to a brand new Android.

    Best of all, it retains the theme from web to mobile so instead of showing an iphone style, you get a really nice looking site that totally retains your brand identity.

    It's called the Wapple Architect Mobile Plugin for WordPress and the home page can be found at http://wordpress.org/extend/plugins/wapple-architect/

    If you fancied giving it a go and letting me know what you thought that'd be great!

  3. Harsh Agrawal
    September 13, 2009 at 4:49 pm

    I recently Installed Wp touch plugin and checked my blog on iPhone and it is working great. Though it was little weird that i had to play with
    Super cache but I got it right and now my blog is iPhone optimized.The only thing which is not working is adsense :(, have u tried runnign adsense on it?

  4. helio ocean
    May 1, 2009 at 4:14 am

    Hi,its a very nice post I have ever seen. iPhone is the best phone, it have lots of feature like games and players that are really amazing.

Leave a Reply

Your email address will not be published. Required fields are marked *