1. 程式人生 > >TekTea’s Blog啟用Show-UserAgent外掛

TekTea’s Blog啟用Show-UserAgent外掛

大家現在可以看到TekTea’Blog的評論中每個評論者名字旁邊都增加顯示了評論者的“國家/地區”、“瀏覽器版本”、“作業系統版本”的資訊,對於該功能,TekTea先後使用過兩個外掛,剛開始使用的是WP-UserAgent,這個外掛只能顯示“瀏覽器版本”、“作業系統版本”的資訊,不能顯示評論者的“國家/地區”資訊,同時WP-UserAgent啟用後還需要修改程式碼才能完美展現。

今天TekTea試用了Show-UserAgent,該外掛啟用後會自動在每篇文章的評論處、以及部落格右側sidebar小工具的“近期評論”中顯示該評論者的“國家/地區”、“瀏覽器版本”、“作業系統版本”的資訊,使用起來非常方便。

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;
}