WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Mobile Smart

The Mobile Smart plugin allows your WordPress site to switch your theme if a user visits it using a mobile device, plus adds template tags to help you

See http://www.mobile-smart.co.uk/frequently-asked-questions/ for more.

Does this work with other mobile plugins

It would be advisable not to use other mobile theme switching functionality with this unless theme switching is turned off (go to Settings->Mobile Smart to disable).

This has been tested with the WordPress Mobile Pack transcoder and is noted to be compatible, though the list of mobile devices are different between the two.

How to switch and style for Tablets

Go to the Mobile Theme tab in the Settings->Mobile Smart admin page, and enable / disable tablet support.

If you wish to serve up different styles for tablets, you'll have to modify your template to use the template tags to detect:

<?php
/* add additional stylesheet for certain mobile types */
global $mobile_smart;
// add stylesheets dependent on header
if ($mobile_smart->isTierTablet())
{
  wp_enqueue_style('mobile-tablet', get_bloginfo('stylesheet_directory')."/css/tablet.css");
}
?>

You can use the same template tag (isTierTablet()) to display additional content (such as sidebars, etc).

How do I use the Manual Switcher?

You have the option of the following: * Mobile Smart Manual Switcher Widget - go to Appearance->Widgets and drop the widget in an appropriate sidebar. If you're a theme developer, you can create a new 'sidebar' in the appropriate location, e.g. the footer bar, if you don't want this option in the standard sidebar. * Enable Manual Switcher in footer - if this option is enabled (via the Options->Mobile Smart page), this adds the Manual Switcher link into the wp_footer() call, which means it will be displayed at the bottom of your page. * Template tag, see below:

<?php
  // get global instance of Mobile Smart class
  global $mobile_smart;

  // display manual switcher link - requires Manual Switching to be enabled
  $mobile_smart->addSwitcherLink();
?>

The Manual Switcher displays the switcher link in a div with an id of mobilesmart_switcher

Do you do domain switching

Go to http://www.mobile-smart.co.uk/ for more information on the Mobile Smart Pro plugin.

How do I enable unique handset body classes

To enable the CSS body classes, ensure that in your mobile theme you have the body_class() function included:

<?php body_class(); ?>

How do I change stylesheets dependent on device tier

How do I use the body classes?

If you have a style that you only want a specific tier of device (e.g. touch handsets like the iPhone) to use, then use the body class CSS selector in your CSS file as follows:

(Example:

/* for all links */ a { color: black;

}

/* increase padding on anchors on touch handsets to allow for big fingers .mobile-tier-touch li a { padding: 20px; }

How do I change stylesheets dependent on device tier

You would do this if you prefer to split out each device tier CSS into separate files. Be aware that this creates an extra function call though.

Use the following PHP code:

<?php
/* add additional stylesheet for certain mobile types */
global $mobile_smart;
// add stylesheets dependent on header
if ($mobile_smart->isTierTouch())
{
  wp_enqueue_style('mobile-touch', get_bloginfo('stylesheet_directory')."/css/touch.css");
}
else if ($mobile_smart->isTierSmartphone())
{
  wp_enqueue_style('mobile-smartphone', get_bloginfo('stylesheet_directory')."/css/smartphone.css");
}
?>

Note: these functions do not test for the Manual Switcher. To test for the manual switcher (in case you are using these template tag functions in a desktop theme), you should call:

<?php
/* add additional stylesheet for certain mobile types */
global $mobile_smart;
// find out manual switching state
$is_manual_switched_to_mobile = $mobile_smart->switcher_isMobile();
?>

Can you add xxxx-device?

Please email me with details of the device that is not yet supported by Mobile Smart, and I will add it in, and endeavour to release an updated version within the week (if timescales allow).

Where can I get a mobile theme from?

Try the Mobile Smart boilerplat theme if you're a developer. Also check out the WordPress Mobile Pack for a good example of a theme that is compatible with XHTML-MP.

Requires: 3.1 or higher
Compatible up to: 3.7.1
Last Updated: 2013-11-14
Downloads: 42,301

Ratings

4 stars
4.4 out of 5 stars

Support

1 of 4 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
50,2,1
0,1,0
100,1,1 100,1,1 100,1,1
100,1,1
100,1,1
50,2,1
100,1,1
100,1,1 100,1,1 100,1,1
100,1,1
100,1,1
0,2,0
0,1,0
100,1,1
100,1,1
100,1,1