WordPress判断PC和手机显示不同的内容

gyue2345 2016-02-16 0:44 LJY2345 抢沙发 130

评分 2 次，平均分 1.0 ：抢沙发

导语：移动互联网越来越热门，让人感觉好像任何网站都必须要有一个手机版网站，尤其是资讯阅读类的网站，比如说博客。恰恰WordPress网站就是以博客为主，这让WordPress支持手机访问似乎必不可缺，那么我们在制作主题的时候就需要判断了，判断用户是手机访问还是电脑访问。

[收起] 文章目录

实现代码
使用方法
插件方法

实现代码

// 手机访问需要显示的内容
function wpjam_is_mobile() {
    if ( empty($_SERVER['HTTP_USER_AGENT']) ) {
    return false;
    } elseif ( ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false && strpos($_SERVER['HTTP_USER_AGENT'], 'iPad') === false) // many mobile devices (all iPh, etc.)
    || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false
    || strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false
    || strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false
    || strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false
    || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false
    || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mobi') !== false ) {
    return true;
    } else {
    return false;
    }
    }

// 手机访问不需要显示的内容
function E_is_mobile() {
    if ( empty($_SERVER['HTTP_USER_AGENT']) ) {
    return true;
    } elseif ( ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false && strpos($_SERVER['HTTP_USER_AGENT'], 'iPad') === false) // many mobile devices (all iPh, etc.)
    || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false
    || strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false
    || strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false
    || strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false
    || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false
    || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mobi') !== false ) {
    return false;
    } else {
    return true;
    }
    }

将以上代码加入主题函数文件--functions.php即可 :shock:

使用方法

手机访问显示，电脑不显示；

<?php if (wpjam_is_mobile() ): ?>
//手机访问显示，电脑不显示内容
 <?php endif ;?>

手机访问不显示，电脑显示；

<?php if (E_is_mobile() ): ?>
//手机访问不显示，电脑显示内容；
<?php endif ;?>

还想折腾的就去弄个app :neutral:

插件方法

手机浏览主题插件MobilePress

MobilePress插件可以通过浏览器的User-Agent判断访客是否使用手机在浏览博客，然后给博客切换适合手机浏览的主题模板，访客不需要输入特定手机访问URL地址，只需要在手机浏览器上输入博客地址即可。

WordPress Mobile Themes

WordPress Mobile Themes 是国人 mg12 制作的手机主题调度插件，允许用户为使用手机浏览的访客选择另一套主题。该手机主题不会影响桌面 (默认) 主题的功能和效果，但会在主流的移动设备的浏览器 (Safari Mobile, Android 浏览器, UC 浏览器, ...) 上显示选择的手机主题。可以单独为手机和平板选择对应的主题。

还有Device Theme Switcher。。。什么的

赞赏