Skip to content


How to make your WordPress site beautiful for iPhone or iPod Touch visitors

Blogging Web Design & Dev iPhone iPod

Using the absolutely fantastic WordPress plugin WPtouch, your site will not only look great for visitors using an iPhone or iPod Touch, but it will be significantly easier to navigate. Keep reading for a review and screenshots.

The installation is very straight forward – it’s the same steps that most WordPress plugins require. Once installed, navigate to your Options -> WPtouch (for WP 2.3 or earlier) or Settings -> WPtouch (for WP 2.5 or higher). From here you can customize a number of aspects of WPtouch.

There are a quite a few Page Icons that are displayed next to the pages you specify. You can also create your own icons by adding 60×60 px .jpg or .png files in the icon-pool folder.

wptouch page icon options
click to enlarge

The Logo, Page and Icons section is where you specify which logo you want to represent each of your WordPress Pages.

wptouch logo pages and icon options
click to enlarge

The Companion Support section reveals information about supported plugins, unsupported plugins, and explains how you can further customize your site to work with WPtouch.

wptouch companion support options
click to enlarge

Make sure to review the Template Switch Code and WP-Cache Compatibility sections of the WPtouch page for additional details on setting up the plugin.

Once everything is set up, here’s how your site (depending on your configuration settings) will look on an iPhone or iPod Touch.

 border=
Home Page
  wptouch menu drop down
Menu drop-down
 
 border=
Individual Post
  expanded post with wptouch enabled
Expanded Post
 
search feature of wptouch
Search with WPtouch
  search results of a wptouch enabled wordpress site
Search Results
 
bookmark options for wptouch enabled sites
Bookmark Options

wptouch horizontal view from an iphone or ipod touch
Horizontal View

wptouch enabled wordpress footer
Footer

ps. thanks Miss604 for the heads-up :)

Posted in Blogging, Web Design & Dev, iPhone, iPod.

Get Simple Help tutorials just like this one in your email inbox every day - for free! Just enter your email address below:

 

You can always opt out of this email subscription at any time.

3 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. Duane Storey says

    Thanks for the review. We’ve already made a few small bug fixes based on comments from people, so try and grab a new version tomorrow sometime.

  2. Rafael Designer says

    Ai… muito bom parabens…funciono que é uma beleza…

    valewww

Continuing the Discussion

  1. Ecco come rendere un blog Wordpress navigabile con iPhone/iPod Touch - Geekissimo linked to this post on April 30, 2008

    [...] Via | simplehelp.net [...]



Some HTML is OK

or, reply to this post via trackback.