给WordPress评论区设置评论显IP、操作系统、浏览器信息

如何给WordPress评论区设置评论显IP、操作系统、浏览器信息，今天分享出教程，适用于wordpress主题程序。
教程开始：
1、首先下载本站整理的IP库文件。
2、解压压缩包，将里面的show-useragent文件夹上传到正在用的WordPress主题目录下。
3、将以下代码放到主题目录下的functions.php中：

<?php CID_print_comment_flag(); echo ' ';CID_print_comment_browser(); ?>

4、如果你发现代码中有一个 callback=mytheme_end_comment 回调函数，那么说明你的主题已自定义了评论列表的样式，那么请自行查找 callback=xxxxx 后面接的函数名（一般会在主题目录下的 functions.php 里面），然后在适当的位置插入如下代码：

<strong><?php commentauthor(); ?></strong>：

5、然后在后面添加 UA 显示代码，添加后如下所示：

<strong><?php commentauthor(); ?></strong>：
<?php CID_print_comment_flag(); echo ' ';CID_print_comment_browser(); ?>

如果主题没有自定义评论样式评论列表这个函数（wp_list_comments）位于 wp-includes/comment-template.php，主题没有自定义评论列表的话，自己去看着文件，慢慢折腾吧！
最后如果你的图标显示位置不是很好，可以在主题设置-自定义CSS 加以下代码调整：

/*调整留言者系统浏览器和运营商位置*/
.ua-info {
margin-left:30px;
}
.WB-OS img{
vertical-align:-5px;
}

如需鼠标经过时显示或隐藏以上UA信息和IP地址，则在对应主题footer.php中添加代码：

<script>
    jQuery(function(){
        $(".comment-body").hover(function(){
            $(this).find(".ua-info").toggle();
        },function(){
            $(this).find(".ua-info").toggle();
        });
    });
</script>

如果显示和隐藏效果相反，则在在对应主题style.css文件内或自定义CSS处，加以下css代码调整

.ua-info {
     display:none;/*设置隐藏*/
      margin-left:8px;
    }