wordpress留言如何显示UA信息及IP地址

  • A+
所属分类：站长
很多站长朋友是不是有兴趣试试，给留言者显示UA信息及IP地址。增加UA信息的wordpress插件官方有，如show-useragent或WP-UserAgent等。

简介

很多站长朋友是不是有兴趣试试，给留言者显示UA信息及IP地址。增加UA信息的wordpress插件官方有，如show-useragent或WP-UserAgent等，这里使用show-useragent来实现UA信息显示，另外使用IP库来实现IP显示，显示效果如下：

一、下载附件

下载附件文件，解压后连文件夹一同上传到主题根目录下，如wp-content/themes/**/。

注**为主题文件夹。

二、添加模版代码

将附后代码添加到wordpress主题根目录/**/文件夹内的functions.php模板文件的最后一行，**为主题文件夹。

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

三、添加评论模版代码

打开wordpress主题下的\inc\function或者inc目录的comment-template.php文件，有的主题可能直接在inc文件夹内，找到如下代码：

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

并在该代码后添加如下代码：

  1. <span class="flags"><?php CID_print_comment_flag();echo ' ';CID_print_comment_browser(); echo convertip(get_comment_author_ip()); ?></span>

四、添加控制样式

在主题样式文件style.css最后添加如下样式：

  1. .WB-OS img {
  2.     width: 14px;
  3.     height: auto;
  4.     vertical-align: -6%;
  5. }
  6. .flags {
  7.     display: none;
  8. }
  9. @media screen and (min-width: 900px) {
  10.     .comment-body:hover .flags {
  11.         display: inline;
  12.         animation: fade-in;
  13.         animation-duration: 0.3s;
  14.         -webkit-animation: fade-in 0.3s;
  15.     }
  16. }

至此，全部代码修改完成，清空缓存即可查看效果。

文件下载 show-useragent集成IP WinXP/Vista/Win7/Win8/Win10 5.2M
下载密码：发表评论并刷新可见！
下载地址 查看演示

发表评论

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

目前评论：9   其中：访客  5   博主  4

    • 123 123 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省杭州市 阿里云BGP数据中心 0
      回复 2018/09/17 05:11  5楼

      谢谢分享

      • 一叶知秋 一叶知秋 来自天朝的朋友 谷歌浏览器 Windows 10 北京市 0
        回复 2018/08/08 09:42  4楼

        谢谢分享

        • 武胜 武胜 来自天朝的朋友 火狐浏览器 Windows 7 四川省 电信 1
          回复 2018/07/05 09:31  地板

          支持一下

          • 广安养老院 广安养老院 来自天朝的朋友 火狐浏览器 Windows 7 四川省 电信 1
            回复 2018/07/05 09:30  板凳

            文章很好值得一看

            • test test 来自天朝的朋友 谷歌浏览器 Windows 10 广东省深圳市宝安区 电信 0
              回复 2018/06/30 19:08  沙发

              测试隐藏密码