免费《新手做网站视频教程》,在线观看,如果你想从零开始自己做网站,点击开始吧!

WordPress判断手机端设备并跳转代码

  1. 首页
  2. »
  3. 图文教程
  4. »
  5. WordPress建站教程
  6. »
  7. WordPress判断手机端设备并跳转代码

文章目录

方法一:

WordPress从3.5版起就已经在WordPress程序内部集成了移动设备判断检测函数。

使用 wp_is_mobile() 函数来判断不同的访问平台:

 

<?php if ( wp_is_mobile() ){ ?>
<!--使用移动设备浏览显示内容-->
<?php }else { ?>
<!--非移动设备默认显示内容-->
<?php } ?>

方法二:

在主题的 functions.php 内加上如下代码,代码中包含目前常见的移动端浏览器UserAgent,可以涵盖基本所有的手机上网设备。

function is_mobile() {
$user_agent = $_SERVER['HTTP_USER_AGENT'];
$mobile_browser = Array(
"mqqbrowser", //手机QQ浏览器
"opera mobi", //手机opera
"juc","iuc",//uc浏览器
"fennec","ios","applewebKit/420","applewebkit/525","applewebkit/532","ipad","iphone","ipaq","ipod",
"iemobile", "windows ce",//windows phone
"240x320","480x640","acer","android","anywhereyougo.com","asus","audio","blackberry","blazer","coolpad" ,"dopod", "etouch", "hitachi","htc","huawei", "jbrowser", "lenovo","lg","lg-","lge-","lge", "mobi","moto","nokia","phone","samsung","sony","symbian","tablet","tianyu","wap","xda","xde","zte"
);
$is_mobile = false;
foreach ($mobile_browser as $device) {
if (stristr($user_agent, $device)) {
$is_mobile = true;
break;
}
}
return $is_mobile;
}

第二步:在自己主题的模板中使用以下的标签进行判断。

<?php if (is_mobile() ): ?>

<!--这里写上手机端的代码-->

<?php else: ?>

<!--这里写上PC端的代码-->

<?php endif ;?>

 

当然还有一种办法就是使用自适应主题来解决不同设备适配问题。

推荐阅读

联系我