这个原先是有搞过，但是都因为某些原因失败了。显示效果不理想，所以也就搁置了一段时间，如今记录下修改的过程，方便下次查看。
显示效果如图：
1、把下面的文件下载了，解压后放在主题的目录下。
在此感谢张戈提供的源码
百度网盘提取码：vtjn（为防和谐）
2、将下面代码添加到wordpress主题根目录functions.php模板文件的最后：
- require get_template_directory() . '/show-useragent/show-useragent.php';
3、打开wordpress主题下的\inc\function目录的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>
4、将下面配套样式文件添加到主题样式文件style.css最后：
- /* UA信息和IP地址 */
- .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，清理下缓存。
继续阅读
- 扫扫关注公众号
-
- 扫扫体验小程序
-
怎么在图标后面显示文字的呢
什么文字？自定义文字还是地区之类的？文字在第三步里添加即可
就是图标+文字显示浏览器和系统版本，不要只显示图标
，这个没有效果是吗？可能是api失效了哦
不是这个意思，我想要显示浏览器图标+浏览器名字和版本，系统图标+系统名字和版本，地址，运营商。你这个只有图标，但是文字必须鼠标放在上面才有显示，我想直接显示在图标的后面就像WP-UserAgent 插件那样的，不过这插件不能显示地址和ip
样式去掉display: none;
你网站好像有问题，我评论显示Warning: time() expects exactly 0 parameters, 1 given in /www/wwwyflad/yflad/wp-content/themes/begin/functions.php on line 82
谢谢，已经修复啦