如何给WordPress评论者添加国籍、操作系统、浏览器和IP信息

不知道大家有没有见过这么一个情况，就是看到评论者在Begin主题内容里面所评论，会出现评论者的国籍、操作系统、浏览器和IP信息。其实不单单是只有Begin主题会有这个功能显示，Ourboke联盟在很多WordPress主题里面都有看见过这么一个功能。

起初本人对这个功能也并不感冒的，但发现很多博主们都有用过这个功能，所以情不自禁之下也做了下尝试，发现效果还真不错。干说可能会显得有些枯燥，具体效果如下图所示：

WordPress评论者

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

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

密码：z9vu

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

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