首页 运维干货TekTea's Blog启用Show-UserAgent插件

TekTea's Blog启用Show-UserAgent插件

运维派隶属马哥教育旗下专业运维社区,是国内成立最早的IT运维技术社区,欢迎关注公众号:yunweipai
领取学习更多免费Linux云计算、Python、Docker、K8s教程关注公众号:马哥linux运维

大家现在可以看到TekTea’Blog的评论中每个评论者名字旁边都增加显示了评论者的“国家/地区”、“浏览器版本”、“操作系统版本”的信息,对于该功能,TekTea先后使用过两个插件,刚开始使用的是WP-UserAgent,这个插件只能显示“浏览器版本”、“操作系统版本”的信息,不能显示评论者的“国家/地区”信息,同时WP-UserAgent启用后还需要修改代码才能完美展现。

今天TekTea试用了Show-UserAgent,该插件启用后会自动在每篇文章的评论处、以及博客右侧sidebar小工具的“近期评论”中显示该评论者的“国家/地区”、“浏览器版本”、“操作系统版本”的信息,使用起来非常方便。

TekTea's Blog启用Show-UserAgent插件插图

Q: Show-UserAgent插件功能说明?
A: 一个用于显示访客UA信息的插件,包括:操作系统信息,浏览器信息以及国籍信息。支持在前台和后台的评论列表中展示。支持自定义输出结构和自定义CSS样式。

Q: 如何安装Show-UserAgent?
A: 可以直接在WP后台的“安装插件”处搜索“Show-UserAgent”安装即可。

Q: 如何启用Show-UserAgent?
A: 在WP后台按照该操作路径设置即可——[设置]->[Show-Useragent] ,选择[Display Country Flags Automatically] -> [YES] & [Display Web Browsers and OS Automatically] -> [YES]

Q: 如何实现类似TekTea’s Blog的图标特效(默认淡化图标颜色,鼠标移动上去后显示为高亮)?
A: 找到插件show-useragent目录,修改其中的show-useragent.css,在其中增加以下CSS代码:
img.browser-icon, img.os-icon, img.country-flag {
opacity: 0.4;
}
img.browser-icon:hover, img.os-icon:hover, img.country-flag:hover {
opacity: 1;
}

本文链接:https://www.yunweipai.com/613.html

网友评论comments

回复 Mao 取消回复

您的电子邮箱地址不会被公开。

  1. Mao说道:

    很多人不认识国旗地,来了一个摩洛哥的哥们,你说大家能认出来吗?

  2. Uncle.E说道:

    提示出来我也不认识- -!是英语的~

  3. XiaoMing说道:

    我想试试如果用美国的代理发信息会显示啥,比如本条评论:)
    这个还没搞明白,请求头里应当有浏览器和操作系统,但终端ip应该是后台自己通过连接提取的吧。

  4. firefore说道:

    不好意思,来试试。

  5. V说道:

    如何修改图标大小?

  6. Null说道:

    :-)小小测试下

  7. nnull说道:

    测时间哦uoxoa

  8. nnull说道:

    看看搜狗的兼容模式…..

Copyright © 2012-2022 YUNWEIPAI.COM - 运维派 京ICP备16064699号-6
扫二维码
扫二维码
返回顶部