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

本文介绍了在WordPress中通过代码判断移动设备并实现自适应内容显示的方法。首先在主题的functions.php文件中添加设备检测函数,通过分析用户代理字符串识别手机浏览器;然后在模板中使用条件判断标签,根据设备类型分别加载PC端或移动端内容,从而实现不同设备的差异化显示。

文章作者:
阅读时间: 7 分钟
更新时间:2025年11月13日

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

wordpress 代码判断手机移动设备

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 ;?>

通过以上二步,我们就可以通过代码来判断手机移动设备并跳转手机版了。

这篇文章有用吗?

点击星号为它评分!

平均评分 0 / 5. 投票数: 0

到目前为止还没有投票!成为第一位评论此文章。

在AI工具中继续讨论:
曾凤祥
曾凤祥
WordPress技术负责人
WordPress 独立站开发领域 10+ 年实践经验,长期专注于外贸独立站搭建与 SEO 优化,累计服务企业客户数百家(含制造业、外贸企业、政府等行业)
相关文章
无论你是否已有网站,我们都能帮你把线上业务推上新高度
无论什么行业,都能快速拥有专业网站:
无论什么行业,都能快速拥有专业网站:

展示型官网 / 品牌站 / 外贸独立站,均有成熟模板与定制方案
无需懂代码:可视化编辑+我们指导,轻松启动 → 快速上线,抢占先机​
结构清晰、利于SEO与后期运营,降低长期维护成本

立即查看建站方案
网站加载慢、跳出高、询盘少?
网站加载慢、跳出高、询盘少?

老旧体验与技术隐患会直接拖累获客与转化。
我们提供:网站全面诊断 → 速度/安全/结构优化 → 可持续运维支持(技术+策略),让网站真正成为您的业务增长工具,而不只是“线上门面”。

马上获取专属优化方案
微信联系
chat 扫码联系
模板建站
挑选模板
网站定制
免费诊断
咨询热线
咨询热线

189-0733-7671

返回顶部