Posts Tagged ‘iPhone’

Released: Mobile Smart Plugin for WordPress v0.2

March 22nd, 2010


Version 0.2 has just been released of the Mobile Smart plugin, which is a plugin to help mobile site development in WordPress.

Download through the WordPress.org plugin repository: http://www.wordpress.org/extend/plugins/mobile-smart/ (note: link will open in new window/tab).

Mobile Smart currently contains the following functionality:

  • Switch your theme to a mobile-ready theme if a mobile device is detected
  • New: Manual Switcher – to allow your user to manually switch between desktop and mobile versions. Available in 3 versions: widget, option to automatically insert into footer, or template tag.
  • Template functions to help determine which tier of mobile device (touch/smartphone/other) is viewing your site, to allow conditional content inclusion.
  • Adds device and tier specific CSS selectors to the body_class, to allow conditional CSS (e.g. so in the same way you have “.single” that you can target “.iphone” or “.mobile-tier-touch”.)

Any feedback gladly welcomed.

Released: Mobile Smart Plugin for WordPress v0.1

December 9th, 2009


Updated 22/12/2009: plugin is now hosted on WordPress.org plugin repository.

I’ve just launched the first of a suite of plugins to aid mobile site development in WordPress, called Mobile Smart.

Download through the WordPress.org plugin repository: http://www.wordpress.org/extend/plugins/mobile-smart/ (note: link will open in new window/tab).

Mobile Smart currently contains the following functionality:

  • Switch your theme to a mobile-ready theme if a mobile device is detected
  • Template functions to help determine which tier of mobile device (touch/smartphone/other) is viewing your site, to allow conditional content inclusion.
  • Adds device and tier specific CSS selectors to the body_class, to allow conditional CSS (e.g. so in the same way you have “.single” that you can target “.iphone” or “.mobile-tier-touch”.)

Any feedback gladly welcomed.

How to detect a Mobile Device – Part 2: Detecting multiple devices

September 24th, 2009


Introduction
This is the second in a series of tutorials explaining how to detect mobile devices and so direct a user to a mobile optimised page.

Who is this tutorial for?
It will be helpful to have read the first in the series: Part 1: The User Agent String.

This tutorial assumes an intermediate level of PHP and xHTML

The Problem of Multiple Devices
In the last tutorial, we looked at how to detect one platform, by grabbing the user agent string, comparing it against the text for ‘iphone’ or ‘ipod’, and then redirecting to an iPhone-optimised web page.

However, there are a myriad of mobile devices in the world. Each mobile device has a browser, some of which are the same (e.g. Opera Mini, or a standard browser for Nokia Series 40), but many are different, and therefore return different user agent strings. It’s also worth noting that sometimes re-releases of the same handset will modify the user agent string slightly.

Read

How to detect a mobile device – Part 1: The User Agent String

July 23rd, 2009


This is the first in a series of tutorials that explain how to detect mobile devices, and so direct a user to the appropriate mobile-optimised webpage.

This tutorial assumes a intermediate knowledge of PHP and HTML.
Read


Switch to mobile version