之前仙踪小栈刚刚发布了添加评论者操作系统、浏览器和运营商信息——WordPress美化教程,但是在逛某些博客时发现,那个评论者操作系统、运营商等信息默认是隐藏,鼠标移上去显示,移开隐藏,感觉特别好玩,特分享教程供大家参考。
方法一:(对应添加教程的方法一)
将下面配套样式文件添加到主题样式文件style.css最后,或者主题选项→定制风格→自定义样式中:
效果可以留言查看。
注:添加样式后鼠标悬停在留言上才会显示留言者相关信息,小屏手机上不显示,因为留言者所在区域信息内容较长,不好看,而且可能会造成错位。
方法二:(对应添加教程里的方法二)
如需鼠标经过时显示或隐藏以上UA信息和IP地址,则在对应主题footer.php中添加代码:
- <script>
- jQuery(function(){
- $(".comment-body").hover(function(){
- $(this).find(".ua-info").toggle();
- },function(){
- $(this).find(".ua-info").toggle();
- });
- });
- </script>
如果显示和隐藏效果相反,则在在对应主题style.css文件内或自定义CSS处,加以下css代码调整
- .ua-info {
- display:none;/*设置隐藏*/
- margin-left:8px;
- }
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
2020年2月27日 14:39 41楼
嗯嗯嗯
2020年3月5日 21:55 42楼
来
2020年3月27日 22:55 43楼
谢谢分享666666666666666666666
2020年4月19日 02:33 44楼
嗯嗯嗯
2020年4月25日 13:06 45楼
学习学习
2020年12月8日 10:02 46楼
路过学习
2020年12月14日 20:11 47楼
看看看看
2020年12月23日 13:58 48楼
如果是不隐藏 评论者这些信息,需要修改哪些地方呢
2021年2月20日 16:08 49楼
学习一下
2021年12月9日 23:17 50楼
学习
2022年9月14日 16:29 51楼
感谢
2022年9月16日 16:11 52楼
感谢