Linux 软件免费装
Banner图

mobble

开发者 scottsweb
更新时间 2016年12月19日 18:12
捐献地址: 去捐款
PHP版本: 3.0 及以上
WordPress版本: 4.7
版权: GPLv2 or later
版权网址: 版权信息

标签

css media mobile functions queries conditional

下载

详情介绍:

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. a plugin by Scott Evans

安装:

To install this plugin:
  1. Upload the mobble folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the 'Plugins' menu in WordPress
  3. You can now use <?php is_mobile(); is_tablet(); // etc ?> functions in your themes/templates
  4. If you want you can also disable the device specific body classes in the WordPress Admin->Settings->mobble setting section

屏幕截图:

  • Code example - loading different navigations for mobile and desktop.
  • mobble settings screen for enabling/disabling the body class.

常见问题:

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.

更新日志:

1.6 1.5 1.4 1.3 1.2.1 1.2 1.1 1.0