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

2018年11月21日14:15:59 10 5.2K 1310字阅读4分22秒

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

1、下载:show-useragent(显示国籍系统浏览器文件))和 ip2c(显示运营商IP信息文件)

2、上传并解压到WordPress主题目录(解压后得到show-useragent文件夹和ip2c文件夹)

3、将show-useragent和ip2c引入到主题:

将以下代码放到主题目录下的functions.php中

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

4、在需要显示的位置加入以下代码

  1. <span  class="ua-info">
  2. <?php
  3. CID_print_comment_flag();/*国籍*/
  4. echo ' ';/*空格*/
  5. CID_print_comment_browser();/*浏览器*/
  6. echo convertip(get_comment_author_ip());/*运营商*/
  7. ?>
  8. </span>

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

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

添加后为:

  1. <span  class="ua-info">
  2. <?php
  3. CID_print_comment_flag();/*国籍*/
  4. echo ' ';/*空格*/
  5. CID_print_comment_browser();/*浏览器*/
  6. echo convertip(get_comment_author_ip());/*运营商*/
  7. ?>
  8. </span>
  9. <span class="comment-meta commentmetadata">

备注:如图标显示位置不对,在对应主题style.css文件内,加以下css代码调整

  1. /*调整留言者系统浏览器和运营商位置*/
  2.  .ua-info {
  3. margin-left:30px;
  4.  }
  5.  .WB-OS img{
  6.  vertical-align:-3px;
  7.  }

5、如需鼠标经过时显示或隐藏以上UA信息和IP地址,则在对应主题footer.php中添加代码:

  1. <script>
  2.     jQuery(function(){
  3.         $(".comment-body").hover(function(){
  4.             $(this).find(".ua-info").toggle();
  5.         },function(){
  6.             $(this).find(".ua-info").toggle();
  7.         });
  8.     });
  9. </script>

如果显示和隐藏效果相反,则在在对应主题style.css文件内或自定义CSS处,加以下css代码调整

  1. .ua-info {
  2.  display:none;/*设置隐藏*/
  3.   margin-left:8px;
  4. }
继续阅读
weinxin
星光博客 站长语录
星光博客,欢迎各位来访!这是我的QQ,扫一扫,加好友。大家一起交流博客建站技术,分享前沿资讯!
知更鸟主题小功能之一:文章添加宽图 WordPress

知更鸟主题小功能之一:文章添加宽图

知更鸟主题小功能之一:文章添加宽图 1、进入文章编辑器,打开“短代码”,找到“综合功能”后选择“添加宽图”。 2、在代码中间位置点击下,插入“媒体文件”。 3、把文章标题复制到“说明”里面。 4、添加...
漂亮的音乐播放器插件Aplayer 资源分享

漂亮的音乐播放器插件Aplayer

Aplayer是一款HTML5的WordPress音乐播放器,界面仿照网易云音乐外链播放器,每个音乐需要填写音乐名称、作者、音乐封面、还有外链地址,添加成功后在音乐列表右侧复制短代码到文章需要显示的位...
知更鸟主题添加设置导航菜单方法 WordPress

知更鸟主题添加设置导航菜单方法

主题支持四个菜单(主要菜单、顶部菜单、移动端菜单和移动端页脚菜单),菜单操作使用方法: 进入WP后台→外观→菜单,点击创建新菜单。 首先输入一个菜单名称,并保存菜单。 菜单支持添加单篇文章、分类、标签...
匿名

发表评论

匿名网友 填写信息

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

评论:10   其中:访客  7   博主  3
    • 新闻 新闻 0 来自天朝的朋友 谷歌浏览器 Windows 7 广西贺州市 联通

      文章不错非常喜欢

      • 久伴博客 久伴博客 4 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省武汉市 电信

        我没加了,因为访客反应觉得加这个侵犯了自己隐私

          • BG4PGR BG4PGR  站长 来自天朝的朋友 火狐浏览器 Windows 7 山东省潍坊市 联通

            @ 久伴博客 侵犯隐私?不存在的!如果有人不喜欢,可以不评论。但想要资源又不想遵守规则,只能呵~呵呵了 :grin:

          • 蓝亚之舟 蓝亚之舟 3 来自天朝的朋友 谷歌浏览器 Windows 10 北京市 北京宽带通电信技术有限公司

            博主大大,那个鼠标经过显示的代码放在哪儿啊,我加在运行时间后面了,没有反应?

            • MAY网络营销 MAY网络营销 3 来自天朝的朋友 谷歌浏览器 Windows 10 上海市 联通

              这个我已经放弃使用了,所在区域不准的

                • BG4PGR BG4PGR  站长 来自天朝的朋友 谷歌浏览器  EDI-AL10 Build/HUAWEIEDISON-AL10 山东省潍坊市 联通

                  @ MAY网络营销 IP数据库的确是很久没更新了

                • 伊阳 伊阳 2 来自天朝的朋友 谷歌浏览器  Android 9 MI 8 Build/PKQ1.180729.001 陕西省西安市 联通

                  很不错的文章,改天也给自己博客给加上

                  • nuanxinqing nuanxinqing 1 来自天朝的朋友 谷歌浏览器 Mac OS X 10_15_4 陕西省宝鸡市 电信

                    站长。你帮我看看,为什么我的地址和评论名称后面的小心心重叠在一起了。