【WP美化】wordpress添加评论者国籍、操作系统、浏览器和运营商信息显示或隐藏

这里不是推荐大家使用WP-UserAgent插件，如果图省事可以用，设置也很方便，不过我的插件多的一排……

从各位大神那看到了用代码可以实现评论者国籍、操作系统、浏览器和运营商信息，下面把步骤分享一下：

一、下载show-useragent(显示国籍浏览器文件)和ip2c(显示运营商IP信息文件)压缩包

[sgbtn_blue href=’https://pan.baidu.com/s/1ZZsyg-RncJklW5RxiljchQ’]下载地址1[/sgbtn_blue] [sgbtn_blue href=’https://pan.baidu.com/s/18cjoYguidY2mEVuz4HD8XA’]下载地址2[/sgbtn_blue]

二、解压并上传这两个文件夹到正在使用的wordpress主题目录 (解压后得到show-useragent和ip2c文件夹) 三、将下面代码放到主题目录下的functions.php尾部

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

四、添加在显示位置，现在我们只需要将以下代码放到指定位置，它就能显示了。就知更鸟begin主题而言，在begin/inc/function/comment-template文件内

<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>

五、如果你的图标显示位置不是很好，可以加以下两行css代码调整

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

六、如需鼠标经过时显示或隐藏以上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\highlight.css文件尾部），加以下css代码调整：[rihide]

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

[/rihide] 至此我们已经完美配置成功，感谢张戈博客提供资源。 如果下载链接失效，请在下方留言，或者联系博主，我会在第一时间更新链接

感谢您的来访，获取更多精彩文章请收藏本站。