以前逛别人博客评论看到过显示评论者国籍、操作系统、浏览器和IP信息的功能觉得很赞,最近在张戈博客看到纯代码实现方法。于是,在沃森建站教程博客也来给折腾上了,展现效果就如下方评论信息。
如果只想显示WordPress评论者的国籍、操作系统和浏览器,那么只需要一个插件WP-UserAgent就好。不想用插件这里也有张戈的代码版《WordPress显示访客UA信息:Show UserAgent纯代码轻度汉化版》。
首先、下载show-useragent文件和ip2c文件
show-useragent:显示国籍系统浏览器文件
链接: https://pan.baidu.com/s/1nvhyZ7V 密码: 7szw
ip2c:显示运营商信息文件
链接: https://pan.baidu.com/s/1geNsuo7 密码: i56h
解压压缩包,将里面的show-useragent文件夹和ip2c文件夹一并上传到正在用的WordPress主题目录。
其次、将show-useragent和ip2c引入到主题中
将以下代码放到主题目录下的functions.php中
- include("ip2c/ip2c.php");//IP归属地和运营商查询功能
- include("show-useragent/show-useragent.php");//显示国籍、系统、浏览器信息
最后、在要显示的位置加入以下代码
- <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的前面就可以了,如下本站添加位置:
- <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">
如果图标显示位置不对,加以下两行css代码调整
- /*调整留言者系统浏览器和运营商位置*/
- .ua-info {
- margin-left:30px;
- }
- .WB-OS img{
- vertical-align:-3px;
- }
将以上代码加入到style.css
文件中,然后就完成了。
如需鼠标移动显示和隐藏评论者添加的国籍、操作系统、浏览器和IP信息效果,请查看《wordpress教程:评论者UA信息和IP地址信息鼠标移动显示和隐藏》
IP库更新的方法:WordPress 访客信息插件 Show User Agent 中IP地址的更新方法
下面是最新版本的地址库:https://pan.baidu.com/s/1geI8RWv
到此我们已经完美配置成功,文章整理自张戈博客和言曌博客。
评论