给blog增加已读人数的功能

1. 为什么写这篇文章

昨天晚上公众号有个读者私信我,说请教一个问题,怎么给WordPress的blog增加已读人数的功能。效果如下图所示: 已读人数 我看了一下,需要修改代码。虽然需要修改的地方不多,但是我还是决定把思路写下来,以后要进行其他的修改,这是一个好方法。

2. 思路分析流程

  1. 比较相似和不同

没有已读人数的情况 这是没有已读人数的情况,与上面有已读人数的相比较,可以发现 a. 已读人数这个元素和日期、作者、评论数是同一个元素级别,拥有相同的风格。 b. 已读人数的icon和评论等的icon是同一类型的,但是不同的值。 c. 已读人数和评论数一样,需要使用代码获取。

  1. 分析元素类型和布局

选中已读人数一栏,鼠标点击右键,查看网页代码。可以看到下图。 评论已阅人数源码

那么其中红色框图中为评论,绿色框图中为已读人数。

  1. 确定修改思路 从2可以看出,我们进行修改的步骤为 (1). 增加已读人数的页面元素。 (2). 获取已读人数的数值。 (3). 将页面元素和已读人数组合。

3. 代码修改