知更鸟主题如何显示评论者国籍、操作系统、浏览器和IP信息显示

  • 6
  • 140 views
  • A+
所属分类:wordpress主题

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

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

知更鸟主题如何显示评论者国籍、操作系统、浏览器和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>

像叶忠文用的是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;
}

 

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

Joson

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:6   其中:访客  3   博主  3

    • 猫叔 猫叔 来自天朝的朋友 谷歌浏览器  OC105 Build/N2G47H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.84 Mobile Safari/537.36 安徽省安庆市岳西县 电信 3

      我准备把这个UA显示删了

        • Joson Joson  博主 来自天朝的朋友 火狐浏览器 Windows 10 广东省东莞市 鹏博士长城宽带

          @猫叔 不喜欢吗,我觉得挺不错的啊

        • 留芳网 留芳网 来自天朝的朋友 谷歌浏览器  Android 9 MIX 2S Build/PKQ1.180729.001 四川省自贡市 移动 1

          显示国籍有必要么。

            • Joson Joson  博主 来自天朝的朋友 谷歌浏览器 Windows 7 广东省东莞市 电信

              @留芳网 看个人喜欢吧、我个人觉得这种效果是挺不错的,这样可以看的出来有什么IP来访问你的站点,虽说统计工具也可以查看的到

            • 程平博客 程平博客 来自天朝的朋友 谷歌浏览器 Mac OS X 10_14_5 四川省成都市 电信 2

              已经使用上了!

                • Joson Joson  博主 来自天朝的朋友 谷歌浏览器 Windows 7 广东省东莞市 电信

                  @程平博客 还是挺不错的