在网上查资料闲逛，偶然间看到了张戈博客的评论框有点意思，于是就收走拿到了我的米扑博客。

本文为米扑博客原创：总结分享 WordPress显示评论者IP归属地、浏览器、终端设备、电信运营商

WordPress显示评论者IP归属地、浏览器、终端设备、电信运营商，如下图：

米扑博客评论演示效果： https://blog.mimvp.com/donate/#comments

恩，本来搞定了不打算写博客的，但是想了想原文步骤繁琐，有些细节还没有，都是自己一点一点捣鼓出来的，很多朋友可能用得到，所以还是总结分享写出来

张戈博客，WordPress显示访客UA信息，共分了两篇博客：

WordPress显示访客UA信息：Show UserAgent纯代码轻度汉化版

分享WordPress显示评论者IP的归属地及运营商信息的2种方案

本文，将合并两篇博客的内容，主要合并了两个脚本，并对国旗、浏览器、终端设备等图标进行了美化

1）Show UserAgent 插件  （推荐）

官网： https://wordpress.org/plugins/show-useragent/

下载： show-useragent.1.0.9.zip

效果图如下：

2）WP-UserAgent 插件  （适合老外）

官网：https://wordpress.org/plugins/wp-useragent/

下载： wp-useragent.zip

效果图如下：

代码实现

到这里，请注意，全部是重点，按步骤做就好了

1.  下载zip包

米扑博客整理了图标和文字两种显示方式，命名为加强版zip包

Show UserAgent 加强版： show-useragent-pro.zip

2. 上传到主题根目录

把 show-useragent-pro.zip 上传到主题的根目录，注意不是WordPress根目录

例如，米扑博客使用的主题是 officefolders ，则zip包上传至 wp-content/themes/officefolders/ 目录下

上传后，解压zip包：

unzip  show-useragent-pro.zip

解压后的文件列表如下：

# tree show-useragent -L 1 show-useragent ├── browsers ├── flags ├── ip2c ├── ip2c-qqwry.dat ├── ip2c-text.php └── show-useragent.php

3. 添加代码到 functions.php

vim functions.php

在 php 作用域内，添加两行代码：

4. 添加代码到 xxx-comment.php 模板

这里，我们需要在评论者用户后面，添加显示IP归属地、浏览器图标等信息，因此需要找到评论者的位置，查找方法如下：

1）打开有评论的网页，按 F12（Mac用户组合键 option + command + i ）进入开发者模式，定位到评论者，例如：阳光岛主

2）搜索定位的关键词

在WordPress根目录下，搜索定位到的关键词，如上图中的 "comment-author vcard" ，找到对应的评论模板文件

一般模板文件在 wp-include/ 目录下，所以搜索命令为：

# grep "comment-author vcard" wp-includes/ -r | grep -vE ".svn|.git" wp-includes/class-walker-comment.php:           wp-includes/class-walker-comment.php:         

3）修改评论模板文件

打开步骤2）找到的评论模板文件

vim wp-includes/class-walker-comment.php

再次搜索关键词 "comment-author vcard"，定位到在文件中的具体位置，添加代码如下：