iWPhone WordPress Plugin and Theme

Featured

New theme design to complement iOS 7!

You can grab the latest version of the plugin from the official WordPress plugin directory.

What Does the iWPhone WordPress Plugin and Theme Do?

The iWPhone WordPress Plugin and Theme automatically reformats your blog’s content for optimized viewing on Apple’s iPhone and iPod touch (Android phones too.) It detects the iPhone/iPod touch’s User Agent and serves up the content with the special theme only to iPhone and iPod touch visitors, all other browsers will view your WordPress blog with your current theme.

iWPhone-on-iPhone-5s-nav

Why Would I Want to Use This Plugin?

While the iPhone and iPod touch do an amazing job of displaying web pages the way they were designed to be seen, often visitors want quick access to your website’s content. The “iWPhone WordPress Plugin and Theme” displays an optimized version of your blog’s content, formatted perfectly to fit the iPhone/iPod touch’s screen – no zooming in to read the content is necessary.

iWPhone-in-hand

Feature List

  • New iOS7 inspired design – Read all about the new design here.
  • Native WordPress menu support NEW!
  • Formats your blog content for optimized viewing on the iPhone and iPod touch. Also works for Android phones too.
  • Automatically detects the iPhone/iPod touch’s Safari browser and only displays the custom theme to iPhone and iPod touch visitors, other visitors get your standard theme.
  • Simple iPhone/iPod-like theme with common interface elements that complements the iPhone/iPod touch’s internal applications.
  • Images larger then 300 pixels wide are automatically scaled down to fit the iPhone/iPod touch optimized width.

Demo Sites

You can view screenshots here.

Point your iPhone/iPod touch’s Safari browser at our site http://iwphone.contentrobot.com/ or http://www.grokdotcom.com/ to see it in action.

Will it Work on My WordPress blog?

The current version has been tested with WordPress 2.9 – 3.6.1

Requirements

  • WordPress 2.9 – 3.6.1
  • An iPhone, iPod touch or Android phone (for viewing)

Installation from the WordPress Dashboard

  1. In the WordPress dashboard navigate to Plugins > Add New
  2. In the search field enter “iWPhone” and hit “Search Plugins”
  3. Click the “Install Now” link next to the iWPhone listing and then activate the plugin via the “Activate Plugin” link
  4. You will need to download the iWPhone theme separately and also install that now – use this link to download the theme zip file
  5. Back in the WordPress dashboard navigate to Appearance > Themes and click the “Install Themes” tab
  6. Click the “Upload” link and then click the “Browse…” button. Locate the downloaded zip file called “iwphone-by-contentrobot.zip” and then click the “install Now” button. DO NOT activate the theme.
  7. Launch your web browser on an iPhone, iPod touch (or Android phone) and enter your blog’s URL, and you should now see your content in the iPhone/iPod touch-optimized theme.

FTP Installation

  1. Download the iWPhone WordPress Plugin and Theme zip file from the WordPress Plugin Directory.
  2. Expand the files from the zip.
  3. Locate the file “iwphone.php” and upload it into your wp-content/plugins/ directory.
  4. Locate and upload the entire folder named “iwphone-by-contentrobot” into your wp-content/themes/ directory.
  5. Go to your WordPress dashboard and click on Plugins and activate the plugin called “iWPhone”. DO NOT make the iWPhone-by-ContentRobot theme the active theme under Appearance > Themes.
  6. Launch your web browser on an iPhone, iPod touch (or Android phone) and enter your blog’s URL, and you should now see your content in the iPhone/iPod touch-optimized theme.

Version History

  • Version 0.3: Added native WordPress menu support (iWPhone Menu)
  • Version 0.2:
    • Completely new theme design to compliment iOS 7!
    • New featured image support
    • Updated sharing options (Twitter/Facebook/Google+/LinkedIn)
    • Redesigned comments with Avatar support
    • Sticky Post support
  • Version 0.1.4: Now displays the iWPhone theme for Android devices also
  • Version 0.1.3: Update to prevent long URLs from pushing pages wider
  • Version 0.1.2: Update to support iPod touch
  • Version 0.1.1: Viewport update to allow zooming
  • Version 0.1: Initial Release

Known Issues

  • Not compatible with wp-cache. FIXED!
  • Long URLs in posts will push pages wider then the iPhone/iPod touch optimized width. FIXED!

Bugs/Comments

Please submit bugs or general comments via our contact form.

Note: This 3rd party plugin was not created by or is in any way affiliated with Apple Inc.

iWPhone v0.3 Adds Menu Support

Version 0.3 of the iWPhone WordPress Plugin and Theme now supports native WordPress menus! You can easily add navigation to your mobile site which is independent of your normal site.

iwphone-screen-menu-sm

Instructions:

  1. In the WordPress Dashboard select “Appearance > Menus”.
  2. Click the “create a new menu” link.
  3. Give the new menu a name like “Mobile Menu” and hit the “Create Menu” button.
  4. Add menu items from the column on the left.
  5. Under “Menu Settings: Theme locations” check on “iWPhone Menu” and then hit the “Save Menu” button.
  6. You can now view the theme on a mobile device and you will see the menu below the header.

iwphone-menu

Notes:

  • You do not need to add a “Home” link, one is automatically added and linked to the home icon
  • It is best to keep the menu names short and only have a few menu items (we are working on a more robust menu solution for a future release). If you have more items they will wrap.
  • Multi-leveled navigation is not supported at this time

 

The iWPhone WordPress Plugin and Theme Now Sports a New Design to Complement iOS 7

We are very excited to introduce the new look of iWPhone, which has been redesigned to complement Apple’s new iOS 7. The new design has a modern flat and clean look that is optimized for legibility on smaller screen sizes. We have also enhanced and redesigned the social sharing and commenting areas making it much simpler to share your content.

You can grab this latest update from the official WordPress plugin directory.

iwphone-ios7

Here is the full list of enhancements:

  • Completely new theme design to complement iOS 7
  • New featured image support
  • Updated sharing options (Twitter/Facebook/Google+/LinkedIn)
  • Redesigned comments with Avatar support
  • Sticky Post support

iWPhone-in-hand2

This is just the beginning for our planned enhancements, so make sure to subscribe to our RSS feed or follow our Twitter account.

The iWPhone Plugin is Now Available in The Official WordPress Plugin Directory and Works For Android Phones Too!

Quickly following the release of version 0.1.3 comes 0.1.4 which is now available in the official WordPress plugin directory. Having the plugin in the official directory will make it much easier to push out updates to all users (and we have some cool stuff coming real soon.)

This release also makes the iWPhone theme available for site visitors that are using Android phones.
android-iwphone

We are planning on many exciting enhancements to the plugin so make sure to subscribe to our RSS feed or follow our Twitter account.

iWPhone WordPress Plugin and Theme Updated to 0.1.3

We have updated the iWPhone WordPress Plugin and Theme to version 0.1.3. This is a minor release that fixes long URLs in posts that push pages wider then the iPhone/iPod touch optimized width.

We are also adding iWPhone to the oficial WordPress Plugin directory which will make it much easier to update the plugin. We will update the install directions once the plugin is in the directory. For now you can download the plugin here. Now available in the official WordPress Plugin Directory!

We are planning on many exciting enhancements to the plugin so make sure to subscribe to our RSS feed or follow our Twitter account.

iWPhone WordPress Plugin and Theme Updated to Work With iPod touch

iWPhone WordPress Plugin and Theme Version 0.1.2

We had to do a slight tweak of our plugin and theme to add support for the new iPod touch. (Thanks to everyone that wrote in to let us know!) Now both iPhone and iPod touch users will see the optimized theme, while others will continue to see your current WordPress theme.

iwphone_on_ipodtouch

You can read more about the iWPhone WordPress Plugin and Theme in our original post.

Now available in the official WordPress Plugin Directory!

Upgrade Instructions

If you are currently using an older version of the iWPhone WordPress Plugin and Theme, simply deactivate the old plugin in the WordPress administration area, and then overwrite the older “iwphone.php” file in the wp-content/plugins/ directory and the “iwphone-by-contentrobot” folder in the wp-content/themes/ directory with the new ones. Activate the new version and you are now iPhone and iPod touch ready!