wordpress知更鸟主题添加显示访客UA信息

2019-03-1913:25:30 9 421

在写这篇文章之前,我先申明一下,这篇文章的最终版权属于张戈博客所有,我只是在他的代码基础上做了一些修改。

贴上张戈博客关于这篇技术文章的原帖:http://zhangge.net/4960.html

在看这篇文章之前我有必要的提醒一下各位,本篇文章的所有代码全部是基于begin主题所修改的,如果不是这个主题请不要对号入座,可以适当的进行一些修改之后再用!

wordpress知更鸟主题添加显示访客UA信息

效果图

1.先下载文件并解压,存放到当前主题的根目录。

下载提取码是:dfep

2.在主题根目录下的 functions.php 文件的最后添加以下代码:

  1. require get_template_directory() . '/show-useragent/show-useragent.php';

3.找到主题目录下的 inc\comment-template.php 文件并打开找到以下代码:

  1. <?php get_author_admin($comment->comment_author_email, $comment->user_id); ?>

在这段代码后面添加:

  1. <?php CID_print_comment_browser(); ?>

注意,如果想要那种鼠标移动过去就显示的效果则换成以下代码:

  1. <span class="flags"><?php CID_print_comment_browser(); ?></span>

4. 找到主题根目录下的 style.css 并打开,在最后添加:

  1. .WB-OS img {width14px;heightauto;vertical-align: -6%;}.flags {displaynone;}@media screen and (min-width900px) {.comment-body:hover .flags {displayinline;animation: fade-in;animation-duration: 0.3s -webkit-animation:fade-in 0.3s;}}

最后看一下你的评论区的最终效果,如果图标不合你的心意,可以自己替换,PNG格式的图片,大小是16*16,图片在上传的browsers文件夹里。

发表评论

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

目前评论:9   其中:访客  8   博主  1

    • avatar wordpress建站吧 谷歌浏览器 Windows 10 4

      这个感觉作用不大

      • avatar 值品 谷歌浏览器 Windows 7 1

        可以玩玩,但我觉得简单的才是最好的。

        • avatar 红嘴鸭 谷歌浏览器 Windows 10 4

          这个看起来不错

          • avatar 惠帮帮 谷歌浏览器 Windows 10 3

            非常感谢大佬的分享

            • avatar 搬瓦工 谷歌浏览器 Windows 8.1 1

              朋友 交换链接吗

              • avatar boke112导航 谷歌浏览器 Windows 7 4

                这些小功能作用不大,不过关键还是看个人是否喜欢,喜欢就折腾。

                  • avatar vijay 博主 QQ浏览器 iPhone iPhone OS 12_0 like Mac OS X) AppleWebKit

                    @boke112导航 还好吧,这个功能对于访客来说真不会注意这么多,但是喜欢折腾还是可以折腾下的。

                  • avatar 红嘴鸭 谷歌浏览器 Windows 10 4

                    学习了