添加评论者操作系统、浏览器和运营商信息-WordPress教程

2023年11月30日15:26:02 发表评论 热度2,441 ℃

对于一些WordPress站长来说,可能会希望自己站点的评论中可以显示评论者的所使用的操作系统、浏览器和运营商的信息,这里是我找到的教程,希望可以帮助到大家,也算是自己的学习记录。

教程主要是针对知更鸟主题进行的修改,其实这样你熟悉WordPress文件,这个教程同样适用。

添加评论者操作系统、浏览器和运营商信息-WordPress教程

第一步、部署文件

1、下载show-useragent文件(显示国籍系统浏览器文件)和ip2c文件(显示运营商信息文件)

2、解压压缩包,将里面的show-useragent文件夹和ip2c文件夹一并上传到正在用的WordPress主题begin目录下。

国籍系统浏览器文件下载:https://mirrors.yangxingzhen.com/begin/show-useragent.zip

运营商信息文件下载:https://mirrors.yangxingzhen.com/begin/ip2c.zip

第二步、引用文件

将以下代码放到主题目录下的functions.php中

  1. include("ip2c/ip2c.php"); //IP归属地和运营商查询功能
  2. include("show-useragent/show-useragent.php");  //显示国籍、系统、浏览器信息

第三步、显示位置添加

现在我们只需要将以下代码放到指定位置,他就能显示了。找到begin/inc/comment-template.php文件内,大约在66行,找到以下代码

  1. <span class="comment-meta commentmetadata">

在它的下面添加以下代码:

  1. <span class="ua-info">
  2. <?php
  3. CID_print_comment_flag();/*国籍*/
  4. echo ' ';/*空格*/
  5. CID_print_comment_browser();/*浏览器*/
  6. echo convertip(get_comment_author_ip());/*运营商*/
  7. ?>
  8. </span>

备注:如图标显示位置不对,在对应主题目录下的style.css文件内,加以下css代码调整

  1. /*调整留言者系统浏览器和运营商位置*/
  2. .ua-info {
  3.     margin-left: 30px;
  4. }
  5. .WB-OS img {
  6.     vertical-align: -3px;
  7. }

至此我们已经完美配置成功。

效果图展示

添加评论者操作系统、浏览器和运营商信息-WordPress教程

瓜皮猪

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: