Description
mobble provides mobile related conditional functions for your site. e.g. is_iphone(), is_mobile() and is_tablet().
CSS media queries are great for creating responsive web designs but they do not always provide enough control. There are times when not all of the content, JavaScript or CSS on a page is relevant for a particular device. With the mobble functions you can make these kind of tweaks to your theme.
mobble can also add device information to the body class of your theme allowing you to easily target your CSS for different gadgets.
Screenshots
Installation
To install this plugin:
- Upload the
mobble
folder to the/wp-content/plugins/
directory - เปิดใช้ปลั๊กอินผ่านทางเมนู ‘ปลั๊กอิน’ ในเวิร์ดเพรส
- You can now use
<?php is_mobile(); is_tablet(); // etc ?>
functions in your themes/templates - If you want you can also disable the device specific body classes in the WordPress Admin->Settings->mobble setting section
FAQ
- What functions are available?
-
The most useful ones are:
<?php is_handheld(); // any handheld device (phone, tablet, Nintendo) is_mobile(); // any type of mobile phone (iPhone, Android, etc) is_tablet(); // any tablet device is_ios(); // any Apple device (iPhone, iPad, iPod) ?>
You can also use:
<?php is_iphone(); is_ipad(); is_ipod(); is_android(); is_blackberry(); is_opera_mobile(); is_symbian(); is_kindle(); is_windows_mobile(); is_motorola(); is_samsung(); is_samsung_tablet(); is_sony_ericsson(); is_nintendo(); ?>
Inspecting
Mobile_Detect.php
will also reveal some other useful tools. - Do you have any examples?
-
Yup. This first example disables the sidebar for mobile/phone devices:
<?php if (!is_mobile()) { get_sidebar(); } ?>
This second example loads a specific stylesheet for Apple devices (iPhone, iPod and iPad):
<?php if (is_ios()) { wp_enqueue_style('ios', get_template_directory_uri() . '/ios.css'); } ?>
- Caching
-
Please note that in certain setups caching will cause undesired behaviour. If your cache is set too aggressively PHP will be skipped and the device detection will not work.
Reviews
Thank you!
hey scott, just wanted to drop by and to say thank you! for the time and effort that went into creating and maintaining this plugin.
I use it in any project and it made my life a lot easier
Great plugin
Plugin is very simple and works very well. Great example of the plugin that does one job and does it well. Very appreciated!
Awesome plugin
A must have! Lightweight and super easy to use!
Great plugin but not compatible for cache plugin.
I installed this plugin to serve mobile banners on a responsive design site. It works well but it is not compatible with cache plugins (I’m using WP Super Cache). The cache plugin generate only one version of the page and once generated it is served both on desktop and on mobile site.
I had to disable cache for mobile pages to solve this problem but I’d like to serve cached pages also on mobile devices :((
Does it exist any hope this will be fixed by you or by SuperCache developer team?
It should be enough to have two version of a page: desktop and mobile (based on a user-agent list).
Please fix it :))
Nice plugin reduce 3G data
Nice plugin, should be core in wordpress.
But there is no option to add button to switch between mobile and desktop version.
There is no option to create direct link to browse mobile version from desktop browser for ex: m.domain.com.
Great plugin helped us a lot
Great plugin. Allows us to serve different templates to mobile, tablets and desktop. A must have.
Contributors & Developers
“mobble” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “mobble” into your language.
Interested in development?
Browse the code or subscribe to the development log by RSS.
Changelog
1.6
- Mobile Detect 2.8.24
- Add edge body class (props Luca Speranza)
- Add filters to functions (props Matthew Keasling)
1.5
- Add German translation (props @rpkoller)
- Minor PHP improvements
- Mobile Detect 2.8.17
1.4
- Run through PHP tidy
- Mobile detect update to 2.8.13
1.3
- Update mobile detect library to 2.7.6
- Small CSS change for 3.8
1.2.1
- Small bug fix on is_mobile()
- Moved screenshots out of trunk
1.2
- Now uses mobile-detect (http://mobiledetect.net/) which provides more accurate and varied detection
- Mobiles can now be graded (A,B,C) using the mobile-detect API (see mobile-detect.php) or mobiledetect.net
- is_palm, is_lg, is_nokia will be removed soon – check depricated notices
- New check for is_kindle – feedback on this one appreciated as I cannot test it
1.1
- Correction to the PHP.
- New body class of .desktop for anything not handheld
- Tested on 3.2+
1.0
- Initial release.