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

2022年的6月27日，国家互联网信息办公室发布《互联网用户账号信息管理规定》，自8月1日起施行，各家如抖音，快手、贴吧、百度等社交平台的评论区都显示了省单位的IP归属。

其中明确，互联网信息服务提供者应当在互联网用户账号信息页面展示合理范围内的互联网用户账号的互联网协议(IP)地址归属地信息，便于公众为公共利益实施监督。 我们要遵守这一规定。

效果图

在上图显示中我们可以很清晰的看到能显示出评论者的国籍、操作系统、浏览器和IP信息，怎么样？很有趣吧。好了，话不多说，我们进入教程吧。

1、下载：show-useragent（显示国籍系统浏览器文件）)和ip2c（显示运营商IP信息文件）

下载链接在本文章底部。

2、上传并解压到WordPress主题目录（解压后得到show-useragent文件夹和ip2c文件夹）

3、将show-useragent和ip2c引入到主题，将以下代码放到主题目录下的functions.php中

include("ip2c/ip2c.php");//IP归属地和运营商查询功能  
include("show-useragent/show-useragent.php");//显示国籍、系统、浏览器信息

4、在需要显示的位置加入以下代码

<span  class="ua-info">
<?php
CID_print_comment_flag();/*国籍*/
echo ' ';/*空格*/
CID_print_comment_browser();/*浏览器*/
echo convertip(get_comment_author_ip());/*运营商*/
?>
</span>

像Ourboke联盟用的是Begin主题，我们则可以在主题目录下inc/comment-template.php文件，并找到以下代码并加在前面。

<span class="comment-meta commentmetadata">

添加后为：

<span  class="ua-info">
<?php
CID_print_comment_flag();/*国籍*/
echo ' ';/*空格*/
CID_print_comment_browser();/*浏览器*/
echo convertip(get_comment_author_ip());/*运营商*/
?>
</span>
<span class="comment-meta commentmetadata">

备注：如图标显示位置不对，在对应主题style.css文件内，加以下css代码调整

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

5、如需鼠标经过时显示或隐藏以上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;
}

注意：在这里建议朋友们在做这些操作时一定先做好网站数据的备份，因为有一点处理的不好都很有可能导致网站无法访问，因为之前本人也是有经历过的。