iWPhone WordPress Plugin and Theme

iwphone_on_iphone.jpg

WordPress 2.5 Compatible

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. 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.

Please keep in mind that this is an early beta release (v0.1.2) and provides basic WordPress functionality. We will be enhancing it quite a bit, so keep checking back for an updated version. If there is a feature that you want added, let us know in the comments below and we will do our best to implement it. Also, if you are using our plugin/theme on your site, add its URL to the comments.

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.

Demo Sites

Our friends over at GrokDotCom and Bazaarvoice have graciously volunteered to beta test our plugin/theme. Point your iPhone’s Safari browser at http://www.grokdotcom.com/ or http://www.bazaarblog.com/ to see it in action.

Tip: If you want to preview a site that is using our plugin and do not have an iPhone/iPod touch, the program iPhoney gives a pretty good idea of how it will look. Make sure the option “iPhone User Agent” is selected under the iPhoney menu. You will get the best results with iPhoney if you have the Safari 3 beta installed. iPhoney is currently only available for the Mac.

Will it Work on My WordPress blog?

The current version (v0.1.2) has been tested with WordPress 2.0.4 - 2.5

Feature List

  • Formats your blog content for optimized viewing on the iPhone and iPod touch.
  • 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 compliments 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.

Requirements

  • WordPress 2.0.4 - 2.5
  • An iPhone or iPod touch (for viewing)

Installation

  1. Download the iWPhone WordPress Plugin and Theme zip file.
  2. Extract the “iwphone-wordpress-plugin-and-theme” folder.
  3. Locate the file “iwphone.php” inside the “iwphone-wordpress-plugin-and-theme” folder 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 administration area and click on Plugins and activate the plugin called “iWPhone”. Do NOT make the iWPhone-by-ContentRobot theme the current theme under Presentation.
  6. Launch Safari on an iPhone or iPod touch and enter your blog’s URL, and you should now see your content in the iPhone/iPod touch-optimized theme.

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!

Version History

  • Version 0.1.2: (September 17, 2007) Update to support iPod touch
  • Version 0.1.1: (July 6, 2007) Viewport update to allow zooming
  • Version 0.1: (July 4, 2007) Initial Release

Known Issues

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

To Do / Wish List

Here are some suggested enhancements that we are looking into for future releases.

  • iPod touch support. ADDED!
  • A clickable link or button that allows site visitors to switch between iPhone/iPod touch theme and normal site theme.
  • Ability to show Categories and Pages
  • Search functionality
  • An admin configuration screen that allows easy changing of various settings like header, footer and link colors.
  • A mechanism to gracefully remove/hide all content-types not currently supported on the iPhone/iPod touch (flash embeds and other non-supported formats/plugins)
  • An admin version (wp-admin) that allows WordPress administration and posting within the iWPhone interface
  • wp-cache compatibility

Bugs/Comments

Please post bugs or general comments in the comments section.

Donate

If you enjoy using this plugin or appreciate the hard work that goes into developing and maintaining it for the community, please consider donating. All funds will go into the support, maintenance, and development of future releases. Thanks for your support!

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

61 Responses to “iWPhone WordPress Plugin and Theme”

  1. iWPhone Wordpress Plugin | gEEK tHE pLANET Says:

    [...] Info: iWPhone WordPress Plugin and Theme Descargar: iWPhone WordPress Plugin and Theme zip [...]

  2. Tsewang Rinzin Says:

    This is a very nice plugin. I am sure a lot of people would like to try it. I would like to see the iWPhone out of beta very soon. Thanks.

  3. ContentRobot Says:

    Tsewang: We are hard at work on the next version of the plugin. If you want to keep up with the latest iWPhone news, add our iWPhone RSS feed to your news reader.

  4. Mojo Says:

    Wow! amazing plugin! I just installed it at http://seifi.org and verified via iPhone.

    Will there be an admin theme convertor at some point?

  5. ContentRobot Says:

    Mojo: Glad you like the plugin. We are considering developing an iWPhone admin theme.

  6. Tony Cecala Says:

    My site looks great with it. Sweet image scaling! Have you seen the iPhoney app? It’s an iPhone simulator for OS X.

  7. ContentRobot Says:

    Tony: iPhoney was a big help in developing iWPhone. We added a tip about previewing sites with iPhoney to our post - thanks.

  8. AutoFormat your Blog for Apple’s iPhone Says:

    [...] to the plugin page and download the iWPhone WordPress Plugin and Theme. Before installing it, check that you are running WordPress 2.21. And of course, you will need an [...]

  9. Cogmios Says:

    Looks great! Is there somewhere an Internet emulator for the iPhone so I could test it?

  10. ContentRobot Says:

    Cogmios: If you are on the Mac, check out iPhoney.

  11. this Blog on an iPhone (http://www.cogmios.nl - Edward de Leau) Says:

    [...] have installed the iPhone Plugin for WordPress. But uh… I don’t have an iPhone, can someone with an iPhone tell me how this weblog [...]

  12. Handras.hu az iPhone-on at Handras Says:

    [...] az oldalamat, hogy iPhone-on is élvezhető legyen, hála az iPhone Wordpress pluginnek. Így néz ki handras.hu az iPhone böngészőjében. Instant [...]

  13. Jens Says:

    I don’t know if it’s being implemented but how about a “back link” to the old theme. Perhaps some users want to see the site not in the iPhone mode but in the normal mode.

    If you’re visiting my site with a PDA (or mobile phone) you are using an optimized PDA-theme. But if you want you can switch back - and back and back and back… as you want.

  14. ContentRobot Says:

    Jens: We did think about that when developing the plugin. One of the iPhone’s best features is being able to view full websites. It is on our “To Do” list and should show up in a future release. Thanks for your interest.

  15. Internet Marketing Blog, Internet Marketing, SEO Blog - Virtual Marketing Blog Says:

    [...] a few days after I talked about optimizing for mobile phone traffic, someone has released a theme and plugin for the iphone called the iWPhone. It’s still in beta, but the iWPhone WordPress Plugin and Theme automatically reformats your [...]

  16. Adaptar blog al navegador del iPhone Says:

    [...] gente de ContentRobot ha desarrollado un plugin y un theme para wordpress con la función de adaptar el blog [...]

  17. iphonesinrtp Says:

    Do you have a badge or something that we can put on our blogs to say “iWPhone” enable or iPhone enabled by iWPhone?

    Thanks for the plugin

  18. ContentRobot Says:

    iphonesinrtp: Badges added! Thanks for the suggestion.

  19. Seu blog funciona no Iphone? | Bruno Godoi Says:

    [...] um plugin que torna seu tema compativel com o Iphone, e ele atende pelo nome de iWPhone. Segundo a descrição do plugin, ele detecta se seu blog está sendo visualizado em um Iphone e [...]

  20. Matthew Krivanek Says:

    I love it. Got it on both my personal site and http://www.launchpadhq.com

    Keep up the great work!

    [mk]

  21. TechJuicer » WodPress Plugin To Get Your Site Looking Great On The iPhone Says:

    [...] Content Robot have create a neat little plugin for any wordpress blog that will detect if the browser is the iPhone version of Safari then it will automatically reformat the site to fit the phone. [...]

  22. iPhoneJuicer » Blog Archive » WodPress Plugin To Get Your Site Looking Great On The iPhone Says:

    [...] Content Robot have create a neat little plugin for any wordpress blog that will detect if the browser is the iPhone version of Safari then it will automatically reformat the site to fit the phone. [...]

  23. Gene Steinberg Says:

    I have installed your plug-in and theme at http://www.macnightowl.com and iPhone users are welcome to check it out and let me know how it works. I have put an “optimized for iPhone” reference in our footer, and will provide a link direct to this site once things are further along in development.

    I also agree with the suggestion that there ought to be an option to view the regular site on an iPhone.

    Peace,
    Gene Steinberg

  24. ContentRobot Says:

    Gene: Thanks! The option to view the regular site is on our “To Do” list.

  25. Angel Munoz Says:

    We have the plug-in at http://www.thecpl.com and http://www.avault.com

  26. Now new design optimiced for your iphone in MinimalNet! at MinimalNet Says:

    [...] iWPhone WordPress Plugin and Theme automatically reformats your blog’s content for optimized viewing on Apple’s iPhone. [...]

  27. iPhone Theme and Plugin · djanggo.com Says:

    [...] a few days after I talked about optimizing for mobile phone traffic, someone has released a theme and plugin for the iphone called the iWPhone. It’s still in beta, but the iWPhone WordPress Plugin and Theme automatically reformats your [...]

  28. WiredPig Says:

    love the idea you have presented here.
    I currently use wp-pda for mobile device reformatting. I’ll be adding your plugin to see how well they interact. Hopefully well. I’ll keep you posted.
    -WP-

  29. ContentRobot Says:

    WiredPig: Yes, please keep us posted. Thanks.

  30. Se o iPhone não vêm ao iPodJesus... Says:

    [...] pode baixar o plugin iWPhone para o iPhone e o Wordpress PDA para tornar seu blog amigável além dos desktops, lembrando só [...]

  31. » Mobile to the iExtreme Musings of a Wired Pig 2.0: The Musings of a Techie Ex-Cop. Says:

    [...] the iPhone how do you not include them? On Twitter I saw a posting from a user that had a link to iWPhone from Content Robot. Being the Mobile Web Evangelist that I am, I had to get this and install it. So [...]

  32. Peter Sciretta Says:

    I would love to have an option to make this theme version available for all mobile browsers (ie other cell phones). Plus I would like the option to view the site in normal mode as well.

  33. ContentRobot Says:

    Peter: We will look into what’s involved in making the theme available for other mobile browsers. Thanks for the suggestion.

  34. Michael Says:

    Plugin is nice but I agree with everyone that it needs the option to turn it off inside the iPhone. Also a categories option and search function are desperately needed. Iwould also like the option to navigate to other pages on my blog.

  35. ContentRobot Says:

    Michael: We’ve added the Categories, Pages and Search functions to our “To Do” list. Thanks.

  36. GrokDotCom Is First To Be Optimized for iPhone Says:

    [...] to the good folks over at ContentRobot, we're the first kids on the block to beta the iWPhone WordPress Plugin: While the iPhone does an amazing job of displaying web pages the way they were designed to be [...]

  37. Blair MacIntyre Says:

    I’m definitely going to put this on my site (still setting it up); great work!

    I would love to second the request for an admin version of this sort of thing. I would really love to be able to administer and _post_ from the iPhone using the WP tools in an iPhone friendly way ….

  38. ContentRobot Says:

    Blair: The admin version has been added to our “To Do” list.

  39. Gene Steinberg Says:

    I had a comment from one of our readers at http://www.macnightowl.com with regard to how our site looks with your plug-in.

    I think this brings up some things that might require checking:

    “Site looks good on iPhone; content is readable without magnification. Tried to send this comment from the phone, but was unable. Spam protection line was not visible, and text box would not work on the phone, so am sending this from my Mac.”

    Any suggestions or does this require an update to this plug-in?

    Peace,
    Gene

  40. ContentRobot Says:

    Gene: We will look into this and report back our findings here.

  41. Richard V. Burckhardt Says:

    OK, I’ve got the plugin activated at my http://www.weboptimist.com blog. I’d love it if someone with an iPhone could check it out and, if it’s possible, send me a screen capture.

  42. ContentRobot Says:

    Richard: Thanks for trying our plugin. Here’s a screen shot of your site with iWPhone…
    http://iwphone.contentrobot.com/screens/www.weboptimist.com.jpg
    The long blog title and tagline make the top header a bit large. You may want to edit the header.php file and hard code a shorter title and tagline. We will post a tip on how to do this shortly.

  43. » The Web Optimist on iPhone: Search Engine Optimization, SEO Training and Search Marketing by The Web Optimist of Palm Springs Says:

    [...] course, the iWPhone WordPress Plugin and Theme are beta, so there are probably going to be some bugs and only basic WordPress functionality. But, [...]

  44. iPhoney - Birmingham Web Designer Jeremy Flint Says:

    [...] is also a plugin for Wordpress that will wrap your content in an iPhone-targeted theme when that browser is detected. I am sure [...]

  45. Jeremy Flint Says:

    This doesn’t seem to work when a site using the Plugin/Theme is loaded into iPhoney.

  46. ContentRobot Says:

    Jeremy: We just checked your site and it is working. Make sure the option “iPhone User Agent” is selected under the iPhoney menu.

  47. IPhone Optimized Blog | The Fatty Talks by Adam Hirsch Says:

    [...] after installing the IWPhone Wordpress Plugin, my site is now IPhone Compatible. I think most people are going to have a problem with the [...]

  48. Lori Says:

    Great plugin! I installed it on my site and it worked perfectly. Several hours later, it stopped working and my site was using my regular theme again when viewing it on the iphone. I deactivated and reactivated the plugin, but I still can not get it to work any more.

    I just read about someone else having this same problem over at weblog tools collection.

    Do you have any idea why this might be happening and how to fix it? Thanks very much.

  49. ContentRobot Says:

    We emailed Lori directly about this issue and she was running 2.2.1-RC1. She updated to the final 2.2.1 and everything seems to be working now.

  50. paul Says:

    Feature request: I’m echoing a previous comment in that I think it would be awesome if the person browsing your site on an iPhone was given the option to either choose the iPhone version, or the standard version.

    Although I think you guys did a great job with the plugin, and I think it’s a good idea, the wow factor in browsing the internet on an iPhone is it is the “real” internet. So, seeing the real thing should always be an option.

    Just my 2 cents. Keep up the good work.

  51. ContentRobot Says:

    Paul: We hear ya and totally agree.

  52. AJAX4iPhone now iPhone enabled at AJAX 4 iPhone Says:

    [...] created iwPhone, an excellent wordpress plugin which allow to make your blog’s content optimized for iPhone. [...]

  53. iphonesinrtp Says:

    Cool, I’ve added it to my site: http://www.iphonesinrtp.com

  54. Jeremy Flint Says:

    Another thing I have noticed is that it doesn’t seem to work on the archive or single post pages. Only seems to be working on the homepage.

  55. ContentRobot Says:

    Jeremy: We checked out your site and the pages that use the archive.php and single.php template files seem to work fine for us. Let us know if you are still having issues.

  56. Designing For The iPhone - Birmingham Web Designer Jeremy Flint Says:

    [...] this site, I am using the iWPhone plugin and theme package developed by Content Robot. It uses some PHP to sniff the browser/device, and if it is identified as the iPhone browser, it [...]

  57. Help us test the site on the iPhone (if you can...) Says:

    [...] With all the hype associated with the iPhone, from the long lines to the long list of potential problems, most of us are aware that it will have an impact on how our sites work. So on Monday we began testing the iwPhone plugin and theme for Wordpress. [...]

  58. Walter Says:

    Thanks! Installed on http://www.walterhutchens.net/blog/

    Ditto on enthusiasm for an admin theme!

  59. Le blog d’Antoine » Blog compatible iPhone ! Says:

    [...] est résolument tourné vers le web (et pas le mms…). J’ai mis en place le plugin : iWPhone qui permet une compatibilité parfaite avec le safari de l’iPhone [...]

  60. Andy’s iPhone Blog » Blog Archive » WordPress Plugin and Theme for iPhone Says:

    [...] nice people at Content.Robot have come up with iWPhone, a WordPress Plugin and Theme that automatically reformats your blog’s [...]

  61. Make your WordPress Blog iPhone friendly at Mindless Jabber Says:

    [...] Complete information and detailed installation instructions are available at ContentRobot [...]

Leave a Reply