西数超哥博客
运维经验教程分享

WordPress代码判断手机移动设备并跳转手机版

使用wordpress建自适应网站时,要想在PC端网站与手机移动设备端网站显示不同的内容,就需要判断当前浏览设备是否为手机移动设备。如果是手机移动设备,跳转手机版,显示一套手机移动设备内容,否则,显示一套PC端网站版面。

WordPress可以通过纯代码的方法去判断跳转手机版并跳转,步骤如下:

第一步:在自己网站主题的 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 ; ?>

通过以上二步,我们就可以通过代码来判断手机移动设备并跳转手机版了。如果想学习手机网站制作,可以学习学做网站论坛的自适应手机网站制作课程。

www.ysidc.top 西数超哥博客,IT技术,idc资讯,基础运维,原创教程,web环境部署,WordPress教程,技术分享,LAMP,LNMP,wdcp,mysql,mssql,centos,discuz教程

赞(0) 打赏
声明:本站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,若涉及侵权请及时告知,将会在第一时间删除。本站原创内容未经允许不得转载:西数超哥学习乐园 » WordPress代码判断手机移动设备并跳转手机版

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏