WordPress教程:给评论者添加UA信息和IP地址

2017年6月2日17:48:12 3 370

朱曙明博客许久之前就开始弄在这个东西,然而一直没有完成,添加后网站顶部就会出现空格,布局错乱。默默的在寻找原因,直到今天,才发现,是自己搞了点小失误,导致一直没有添加成功。

WordPress教程:给评论者添加UA信息和IP地址

以上是一个前台展示的效果图,现在来分享下这个东西,代码什么的是来源于张戈博客的。

第一步、这里需要用到两个文件,下载show-useragent文件和ip2c文件,文件已经上传到QQ群里面,需要的可以加入群来下载下。或者去文章底部下载。

解压压缩包,将里面的show-useragent文件夹和ip2c文件夹一并上传到正在用的WordPress主题目录。

第二步、部署代码

functions.php中加入以下代码。

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

然后再需要显示的位置加入以下代码。

  1. <?php CID_print_comment_flag();echo ' ';CID_print_comment_browser(); echo convertip(get_comment_author_ip()); ?>

需要加在哪里呢?就本站而言,这里使用的是知更鸟begin主题,需要加在主题目录下的Inc/function/coment-template.php文件里面。找到以下代码。

  1. <span class="comment-meta commentmetadata">

将代码加在这个span的前面就可以了。如下图

WordPress教程:给评论者添加UA信息和IP地址

这样就能同时展示UA信息图标和文字归属地信息了。

以上部署已经完成,不过貌似还有些问题,会遮掩评论达人的图标,需要加一些css来修饰一下。

  1. /*UA信息和运营商位置*/
  2. .country-flag {
  3.     color#000;
  4.     margin-left20px;
  5.     font-weightnormal;
  6.     font-size10px;
  7. }
  8. .WB-OS {
  9.     color#000;
  10.     font-weightnormal;
  11.     font-size10px;
  12. }

将以上代码加入到style.css文件中,然后就完成了。

最后说一句:代码不要用记事本更改,不然会出错的,算是给自己提个醒吧。

提取码:hhe8

 

weinxin
博客之家
博客之家,欢迎各位来加入,一起来交流!本站资源全部上传在群里,有需要的也可以加群来免费下载。
如果本站内容对你有所帮助,请帮忙点击下页面上的广告,帮助下网站发展,谢谢大家!
朱曙明

发表评论

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

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

    • avatar 星光BG4PGR 0

      下载按钮失效,打不开,无法点击

      • avatar 沃森 2

        好教程