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

``` 3）修改评论模板文件打开步骤2）找到的评论模板文件 vim wp-includes/class-walker-comment.php 再次搜索关键词 "comment-author vcard"，定位到在文件中的具体位置添加代码如下： ``` "; ?> ``` 简单解释： <span id="comment\_ua\_info" ... > 包含IP归属地、浏览器，以及文本信息等，目的是为后面鼠标悬浮显示时使用，js实现显示和隐藏效果 CID\_print\_comment\_flag() 显示IP归属地的国旗 CID\_print\_comment\_browser() 显示浏览器和用户设备 convertip(get\_comment\_author\_ip()) 显示IP归属地的文本信息至此，显示评论者信息已经实现了如果想看效果，先把 id="comment\_ua\_info" 中的样式 display:none; 去掉，就可以看到效果了 5\. 添加代码到 footer.php 初看步骤4的效果还不错，但是看上去信息会很多，颜色等有点乱，于是想追求极致，还需要继续努力为了实现鼠标悬浮在评论框才显示的效果，我们需要结合js实现，添加js代码到主题下的footer.php中 vim footer.php 添加js代码 ``` ``` 说明： 1）jQuery('.comment-body').hover 悬浮事件，主要用于PC电脑端，但是手机端没有悬浮事件 2）jQuery('.comment-body').click 点击事件，主要用于手机端，点击可以显示，但需要注意click事件里不要加hide，否则在电脑端与hover相冲突 3）span.comment\_ua\_info 标签，是在步骤4中特别说明的，记得要把 id="comment\_ua\_info" 中的样式设置为 display:none; 默认不显示ua-info信息至此，评论者IP归属地等信息默认是隐藏了，只有当鼠标悬浮在评论框时才会显示出来 6\. 按钮显示评论所有IP 上面的功能，在一些博客里都已实现，我的米扑博客只是把人家的效果，用代码实现分享出来最后，奉献一点小创新，个人感觉还是比较实用的，就是添加一个按钮，一键显示所有IP 恩，你说的对，步骤4早已经实现了，折腾出步骤5的隐藏IP，现在步骤6又整出一键显示所有IP，闲的蛋疼，哈恩，蛋疼也好，折腾也罢，也要搞出来，微创新嘛，直接上代码和步骤啦 1）修改评论文件 comments.php 进入主题目录，修改评论文件 comments.php vim comments.php 添加一行用于显示的按钮（按钮放哪儿，由你自己决定了） ``` 显示评论IP ``` 2）添加js代码到 footer.php 进入主题目录，修改页脚文件 footer.php vim footer.php 添加js代码如下： ``` ``` 7\. 隐藏管理员的IP信息如果不想显示博客管理员的IP地址，可以加一个判断 ``` if(is_super_admin() || $comment->user_id != 1) ``` 代码判断的含义是只有当前登录用户是管理员自己或者评论是非管理员时，才显示IP信息，即： 1）普通游客，只可以看到非管理员的IP信息 2）管理员未登录（实际就不是管理员了），也只可以看到非管理员的IP信息 3）管理员登录了，则也显示IP信息，管理员可以看到全部人（包含管理员自己）的IP信息完整代码如下： ``` user_id == 1) { echo ' [博主]'; } // 显示评论者IP归属地、浏览器、终端设备、电信运营商 if(is_super_admin() || $comment->user_id != 1) { echo ''; } ?> ```