为评论者添加国籍、操作系统、浏览器和IP信息显示

༺小ʚɞ寞༻ WordPress来源:星光博客332,9344字数 1014阅读3分22秒阅读模式


为评论者添加国籍、操作系统、浏览器和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>

如:begin主题,则在主题目录下inc/comment-template.php文件,并找到以下代码,加在前面

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

weinxin
LuckTang's Blog 站长语录
LuckTang's Blog,欢迎各位来访!这是我的QQ,扫一扫,加好友。大家一起交流博客建站技术,分享前沿资讯!
chevereto免费图床搭建教程 Wiki

chevereto免费图床搭建教程

Chevereto:免费图床建站源码是一个允许用户创建自己的照片展示专题的网站程序,类似于Flickr,非常适合自己搭建图床平台,易于部署,无需sql数据库,支持图片的批量上传,支持主题的定制。 Ch...
评论  3  访客  3
    • 川
      5 来自天朝的朋友 谷歌浏览器 Mac OS X 10_15_6 上海市 电信

      :grin: :grin: :grin: :grin: :grin: 能干。

      • 白无忧
        白无忧 5 来自天朝的朋友 谷歌浏览器 Windows 10 上海市 电信

        下载链接失效啦,站长补一下哈

      匿名

      发表评论

      匿名网友 填写信息

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

      确定