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

Ourboke
Ourboke
Ourboke
329
文章
90
评论
2020年7月18日19:58:09 4 1707字

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

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

如何给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>

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

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

继续阅读
Ourboke
  • 本文由 发表于 2020年7月18日19:58:09
  • 转载请务必保留本文链接:https://www.ourboke.com/954.html
用PhpStudy如何在本地搭建WordPress WordPress

用PhpStudy如何在本地搭建WordPress

以前在还没用WordPress建站的时候一直想进行尝试,但后面发现不会在本地搭建,只能够购买域名和服务器进行搭建。但是因为网站上线之初因胡乱修改网站版面,导致网站整体崩溃无法进行恢复,所以只能选择删库...
如何在WordPress仪表板中添加自定义模块 WordPress

如何在WordPress仪表板中添加自定义模块

我们在做WordPress主题开发的时候,为了更加的让使用者熟悉自己做的wordpress主题,都会在主题后台做详细的描述,有的时候会想到在仪表盘上也加些教程链接和说明更加好。 如何在WordPres...
WordPress父页面中如何显示子页面列表 WordPress

WordPress父页面中如何显示子页面列表

很多时候如果想在WordPress父页面中显示子页面列表链接,该如何做到呢?其实没网上教程那样下载一大堆的繁琐代码,只要通过以下的简单代码就可轻松实现。 WordPress父页面中如何显示子页面列表 ...
匿名

发表评论

匿名网友

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

评论:4   其中:访客  0   博主  0
    • boke112联盟 boke112联盟 3 来自天朝的朋友 谷歌浏览器 Windows 7 广西南宁市 电信

      这个我记得以前张戈博客也分享过,不过感觉作用不多,毕竟每篇文章评论的数量太少了,所以就懒得折腾了

        • Ourboke Ourboke

          @ boke112联盟 是的,我就是喜欢图个样式折腾

        • 免费收录网站 免费收录网站 1 来自天朝的朋友 谷歌浏览器 Windows 7 北京市 铁通

          这个好多人在用,我是懒得折腾了。

          • Lvtu Lvtu 3 来自天朝的朋友 Safari浏览器 Mac OS X 10_15_5 广东省 移动

            这个东西比较好玩,只是我的主题用的默认评论模版,升级更新一次程序就需要修改一次模版文件。