200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 知更鸟begin主题添加留言者相关信息(国家 浏览器 操作系统 所在区域)

知更鸟begin主题添加留言者相关信息(国家 浏览器 操作系统 所在区域)

时间:2022-03-23 02:00:02

相关推荐

知更鸟begin主题添加留言者相关信息(国家 浏览器 操作系统 所在区域)

这在我自己看来是一个很好的功能,而且可以看到是哪些地方的朋友来到自己的博客评论,通过本教程成功配置后,你的知更鸟主题也会拥有一样的能力,目前小任博客成功实现,将鼠标移动到评论者的留言上会出现评论者所在的国家、浏览器、操作系统、所在区域,因为使用的是本地ip库,所以需要手动更新,当然已经添加了大部分的ip,国内的基本无误,放一张小任博客的实现图。

下载所需文件

下载完后解压到一个文件夹里,然后修改文件夹的名字为show-useragent,重新将文件夹打包成压缩包,一般为zip(下载地址在文末)。

将你打包的zip上传到知更鸟主题的根目录解压,如果你打包对的话会出现一个show-useragent的文件夹,注意,一定要上传到知更鸟主题的根目录,不然添加下面的代码会出错。

添加代码

把下面这一行代码添加到知更鸟的functions.php里面

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

添加完后在打开begin/inc里面的comment-template.php文件,找到下面这行代码

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

在这行代码的下面添加如下代码

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

添加CSS

打开WordPress后台,进入知更鸟主题设置,定制风格的自定义样式里面添加下列CSS样式代码

.WB-OS img {width: 14px;height: auto;vertical-align: -6%;}.flags {display: none;}@media screen and (min-width: 900px) {.comment-body:hover .flags {display: inline;animation: fade-in;animation-duration: 0.3s;-webkit-animation: fade-in 0.3s;}}

到这里本教程结束,你可以将鼠标悬停在评论者的留言上查看效果。

CDN的影响

有些朋友添加完之后会发现评论者的归属地是错误的,这是因为你的站点启用了CDN,所以显示的会是CDN的归属地,解决办法是在你的WordPress的根目录打开wp-config.php文件,在<?php下面添加下面的代码。

if(isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {$list = explode(',',$_SERVER['HTTP_X_FORWARDED_FOR']);$_SERVER['REMOTE_ADDR'] = $list[0];}

添加完之后显示的ip就是正常的了,但是没添加代码之前显示的不会改变,除非你修改数据库。

本文原地址(js下载):/334.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。