运维教程-TekTea’s Blog启用Show-UserAgent插件

跨零代码为大家提供高品质的解决方案,请大家多多来访,跨零不胜感激,在此谢过。

大家现在可以看到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;
}

从零到一,创造未来!跨零综合IT问题解决服务站,欢迎你的到来。运维教程 只为你绽放。

本文固定链接: http://kua0.com/2018/12/22/运维教程-tekteas-blog启用show-useragent插件/

为您推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注