- A+
所属分类:wordpress
黄俊铭博客许久之前就开始弄在这个东西,然而一直没有完成,添加后网站顶部就会出现空格,布局错乱。默默的在寻找原因,直到今天,才发现,是自己搞了点小失误,导致一直没有添加成功。
以上是一个前台展示的效果图,现在来分享下这个东西,代码什么的是来源于张戈博客的。
第一步、这里需要用到两个文件,下载show-useragent
文件和ip2c
文件,文件已经上传到QQ群里面,需要的可以加入群来下载下。或者去文章底部下载。
解压压缩包,将里面的show-useragent
文件夹和ip2c
文件夹一并上传到正在用的WordPress主题目录。
第二步、部署代码
在functions.php
中加入以下代码。
- include("ip2c/ip2c.php"); //IP归属地和运营商查询功能
- include("show-useragent/show-useragent.php"); //显示国籍、系统、浏览器信息
然后再需要显示的位置加入以下代码。
- <?php CID_print_comment_flag();echo ' ';CID_print_comment_browser(); echo convertip(get_comment_author_ip()); ?>
需要加在哪里呢?就本站而言,这里使用的是知更鸟begin主题,需要加在主题目录下的Inc/function/coment-template.php
文件里面。找到以下代码。
- <span class="comment-meta commentmetadata">
将代码加在这个span的前面就可以了。如下图
这样就能同时展示UA信息图标和文字归属地信息了。
以上部署已经完成,不过貌似还有些问题,会遮掩评论达人的图标,需要加一些css来修饰一下。
- /*UA信息和运营商位置*/
- .country-flag {
- color: #000;
- margin-left: 20px;
- font-weight: normal;
- font-size: 10px;
- }
- .WB-OS {
- color: #000;
- font-weight: normal;
- font-size: 10px;
- }
将以上代码加入到style.css
文件中,然后就完成了。
最后说一句:代码不要用记事本更改,不然会出错的,算是给自己提个醒吧。
- 我的微信
- 这是我的微信扫一扫
-
- 我的微信公众号
- 我的微信公众号扫一扫
-