给WordPress评论区设置评论显IP、操作系统、浏览器信息
2023-1-8 282 0
如何给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;
}
注意：在这里建议朋友们在做这些操作时一定先做好网站数据的备份
