Moving at the Speed of Creativity by Wesley Fryer

Easily customizing WordPress for Mobile Users

The mobile web is huge and growing. No one creating content for the Internet today should ignore it. If you use a WordPress blog, the free WordPress Mobile 3.0 plug-in offers a seamless way to provide a customized, mobile-web friendly interface for your visitors viewing your site on an iPhone, Android-compatible phone, BlackBerry, or other web-enabled phone. Before installing the plug-in, this is what my WordPress blog looked like in the Safari web browser on my iPhone:

Wordpress blog without WordPress Mobile 3.0

After installing WordPress Mobile 3.0, it looks like this:

Wordpress blog with WordPress Mobile 3.0

At the bottom of the mobile-theme, WordPress “pages” are linked and accessible:

Wordpress pages shown with WordPress Mobile 3.0

If you have WordPress pages setup as “nested” child pages (as I do) it’s great to see these sub-pages are also accessible via this mobile WordPress theme:

WordPress Sub-pages also shown with WordPress Mobile 3.0

Installation of WordPress Mobile Edition requires two different file uploads to your wp-content directory: a folder with the mobile WordPress theme files, and the actual plug-in to your plug-ins folder. After activating the plug-in, your WordPress blog will automatically detect if a user is browsing with a mobile device and present the mobile-friendly theme interface to those users automatically. Non-mobile users continue to see the “regular” WordPress interface as before, and essentially remain unaware that the mobile version/option is available.

I am extremely pleased to have found this plug-in (while I was installing TwitterTools today on Eyes Right, incidentally) because I’ve worried my blog sidebars have too many slow-loading graphical badges. I’d like to provide a link on the top of my “regular” blog theme indicating “A mobile version of this blog is available,” but I’m not sure how to do that presently. Alex King, the developer of the WordPress Mobile plug-in, has a demo of the theme running on mobile.carringtontheme.com which can be viewed via a “regular” (non-mobile) browser.

For more websites and tips on creating content for the mobile web, check out Karen Montgomery‘s workshop curriculum “Think Handhelds.”

Technorati Tags:
, , , , , , , , , , , , ,

If you enjoyed this post and found it useful, subscribe to Wes’ free newsletter. Check out Wes’ video tutorial library, “Playing with Media.” Information about more ways to learn with Dr. Wesley Fryer are available on wesfryer.com/after.

On this day..


Posted

in

, ,

by

Tags: