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

April 28th, 2008 by Ross McKillop | Print This Post Print This Post
Blogging Web Design & Dev iPod/iPhone

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 :)

[del.icio.us] [Google] [Digg] [Facebook]

Related Posts:

 How to accurately relocate the cursor in Notes for your iPhone or iPod Touch
 How to access uTorrent from your iPhone or iPod Touch
 How to customize the music icons (buttons) on your iPhone or iPod Touch
 How to install the iPhone applications Mail, Notes, Stocks, Weather, and Maps on your iPod Touch
 A step by step guide to installing 3rd party software on your iPod Touch

  1. 2 Responses to “How to make your WordPress site beautiful for iPhone or iPod Touch visitors”

  2. By Duane Storey on Apr 28, 2008 | Reply

    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.

  1. 1 Trackback(s)

  2. Apr 30, 2008: Ecco come rendere un blog Wordpress navigabile con iPhone/iPod Touch - Geekissimo

Post a Comment