当前位置: 首页 > WordPress > 正文

免插件 给 WordPress 博客评论区添加 UA 信息显示功能

在 WordPress 博客的运营过程中,很多博主都希望能更直观地了解评论访客的设备和浏览器信息,既可以丰富评论区的互动细节,也能对访客的终端环境有基础认知。本次实现的评论区 UA 信息显示功能,思路来自Weisay Grace 主题作者威言威语博客,经过实际调试和适配后,可稳定在博客中落地,下面就为大家详细拆解实现步骤。

效果演示

想要直观感受功能效果,可直接到博客评论区查看实际展示样式,以下为功能效果截图参考:

功能实现步骤

第一步:添加 PHP 核心逻辑(functions.php)

首先需要在主题的functions.php文件中添加核心的 UA 解析函数,该函数会对访客的User-Agent字符串进行解析,分别识别操作系统和浏览器类型,并匹配对应的图标资源。

此部分内容可能还在编辑或修改中,暂不可访问

请稍后再试,或联系博主。

第二步:嵌入评论区 HTML 模板

完成 PHP 函数的添加后,需要在主题的评论表单模板(通常为comments.php文件)中,找到评论用户昵称的附近位置,插入以下 HTML 代码,实现 UA 信息的前端渲染:


<span class="comment-ua" style="margin-left: 6px;">
  <?php echo parse_comment_user_agent($comment->comment_agent); ?>
</span>

相关素材

此部分内容可能还在编辑或修改中,暂不可访问

请稍后再试,或联系博主。

注意事项

  1. 代码添加前建议备份主题文件,避免操作失误导致站点异常;
  2. 若使用缓存插件,添加代码后需清空缓存,确保功能生效;
  3. 该功能仅对前台评论生效,后台评论管理界面不受影响。

通过以上步骤,即可为WordPress博客的评论区添加上实用的 UA 信息显示功能,既能提升评论区的趣味性,也能帮助博主更好地了解访客终端数据,有需要的博主可以根据自身站点情况进行适配。

话外

需要说明的是,由于不少国产套壳Chrome Chromium 内核的浏览器 UA 信息存在缺失或标识不明确的情况,这类浏览器最终会统一识别为Chrome 浏览器。不过对于个人博客的使用场景来说,这样的识别精度已经完全能够满足需求了。

温馨提示

本页面最后更新于:2026-01-24,距今已 256 天,若有链接失效或教程无效,欢迎留言反馈。

THE END

相关推荐

免插件 给 WordPress 博客评论区添加 UA 信息显示功能:目前有 25 条评论

  1. 棕耳兔
    20楼
    棕耳兔Google Chrome Android

    小米手机+360极速浏览器 Mozilla/5.0 (Linux; Android 16; 24129PN74C) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.6367.82 Mobile Safari/537.36

    2025-12-0707:15中国
  2. 棕耳兔
    19楼
    棕耳兔Google Chrome Android

    小米手机+360浏览器 Mozilla/5.0 (Linux; Android 16; 24129PN74C Build/BP2A.250605.031.A3; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/124.0.6367.82 Mobile Safari/537.36

    2025-12-0707:13中国
  3. 棕耳兔
    18楼
    棕耳兔UC浏览器 Android

    小米手机+UC浏览器 Mozilla/5.0 (Linux; U; Android 16; zh-CN; 24129PN74C Build/BP2A.250605.031.A3) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/123.0.6312.80 UCBrowser/18.2.6.1452 Mobile Safari/537.36

    2025-12-0707:06中国
  4. 棕耳兔
    17楼
    棕耳兔Google Chrome Android

    小米手机+Via浏览器 Mozilla/5.0 (Linux; Android 16; 24129PN74C Build/BP2A.250605.031.A3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.7151.115 Mobile Safari/537.36

    2025-12-0707:04中国
  5. 棕耳兔
    16楼
    棕耳兔Google Chrome Android

    小米手机+X浏览器 Mozilla/5.0 (Linux; Android 16; 24129PN74C Build/BP2A.250605.031.A3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.7151.115 Mobile Safari/537.36

    2025-12-0707:02中国
  6. 棕耳兔
    15楼
    棕耳兔QQ浏览器 Android

    小米手机+QQ浏览器 Mozilla/5.0 (Linux; U; Android 16; zh-cn; 24129PN74C Build/BP2A.250605.031.A3) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/121.0.6167.71 MQQBrowser/19.6 Mobile Safari/537.36 COVC/048425

    2025-12-0706:56中国
  7. 棕耳兔
    14楼
    棕耳兔Google Chrome Windows

    Windows10+华为浏览器 Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.84 Safari/537.36 HBPC/12.1.4.300

    2025-12-0622:15中国
  8. 棕耳兔
    13楼
    棕耳兔Mozilla Firefox Windows

    Windows10+Firefox Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:145.0) Gecko/20100101 Firefox/145.0

    2025-12-0622:10中国
  9. 棕耳兔
    12楼
    棕耳兔微信内置浏览器 Android

    小米手机+微信内置浏览器 Mozilla/5.0 (Linux; Android 16; 24129PN74C Build/BP2A.250605.031.A3; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/142.0.7444.172 Mobile Safari/537.36 XWEB/1420045 MMWEBSDK/20251006 MMWEBID/5874 MicroMessenger/8.0.66.2980(0x28004234) WeCh

    2025-12-0622:03中国
  10. 棕耳兔
    11楼
    棕耳兔小米浏览器 小米 HyperOS

    小米手机+小米浏览器 Mozilla/5.0 (Linux; U; Android 16; zh-cn; 24129PN74C Build/BP2A.250605.031.A3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.7049.79 Mobile Safari/537.36 XiaoMi/MiuiBrowser/20.7.61205

    2025-12-0620:52中国

发表评论