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:

目前评论：11   其中：访客  6   博主  5

    • 省长菜菜 省长菜菜 Canada 谷歌浏览器 Windows 10 加拿大 0
      回复 2018/11/18 00:19  6楼

      我想试试呢