这个原先是有搞过,但是都因为某些原因失败了。显示效果不理想,所以也就搁置了一段时间,如今记录下修改的过程,方便下次查看。
显示效果如图:
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
谢谢,已经修复啦