添加留言者相关信息(国家、浏览器、操作系统、所在区域)

  • A+
所属分类:WP建设

看别人博客的时候,留言者后面会显示留言者的国家,操作系统,浏览器等信息,感觉特别酷,翻看了begin教程,找到了begin专用的添加教程。

1、下载所需文件,解压后放到Begin主题根目录中:

注:必须先把这个show-useragent文件夹放到Begin主题目录中,不然直接添加下面的代码会有错误

2、将下面代码添加到Begin主题根目录functions.php模板文件的最后:

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

3、打开Begin主题begin\inc目录的comment-template.php文件,在大约43行:

  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>

4、将下面配套样式文件添加到主题样式文件style.css最后或者主题选项→定制风格→自定义样式中:

  1. .WB-OS img {
  2.     width14px;
  3.     heightauto;
  4.     vertical-align: -6%;
  5. }
  6. .flags {
  7.     displaynone;
  8. }
  9. @media screen and (min-width900px) {
  10.     .comment-body:hover .flags {
  11.         displayinline;
  12.         animation: fade-in;
  13.         animation-duration: 0.3s;
  14.         -webkit-animation: fade-in 0.3s;
  15.     }
  16. }

添加样式后鼠标悬停在留言上才会显示留言者相关信息,小屏手机上不显示,因为留言者所在区域信息内容较长,不好看,而且可能会造成错位。

weinxin
我的QQ
这是我的QQ扫一扫
avatar

发表评论

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