WordPress

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

gyue2345·2016-02-16·130 次阅读··

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

还有Device Theme Switcher。。。什么的

赞赏

历史上的文章

博 主作者: 关注:6    粉丝:1最后编辑于:2017年7月20日
LJY IT BLOG的站长。

扫一扫打赏

支付宝扫一扫打赏

微信扫一扫打赏

view comments - NOTHING

切换注册
忘记密码 ?

×

您也可以使用第三方帐号快捷登录

切换登录

×
扫一扫二维码分享
下载海报
  切换主题 | SCHEME TOOL