Loading
0

WordPress程序知更鸟主题如何添加评论者添加国籍、操作系统、浏览器和IP信息教程

公众号搜索菜鸟站长之家

很多用知更鸟主题的站长在Begin主题内容里面所评论,会出现评论者的国籍、操作系统、浏览器和IP信息。其实不单单是只有Begin主题会有这个功能显示,我在很多WordPress主题里面都有看见过这么一个功能。

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

在示例图上显示中我们可以很清晰的看到能显示出评论者的国籍、操作系统、浏览器和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">

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

注意:在做任何更改的时候都需要提前做好备份,避免出错这个是常识。

文章声明:
1、本站文章来源于互联网,仅供学习交流使用,严禁用于商业用途,因此造成的一切法律后果自行承担。
2、本站不对文章内容的完整性和安全性负责,请自行辨别,如发现有问题,请及时联系我们进行处理。
3、若文章中有侵权或不适当内容,请留言告知我们,本站会第一时间进行处理。
4、转载请保留原文地址,违者后果自负,本站保留一切法律追责权力。