明鉴 發表於 2023-6-3 00:00:00

优化WordPress中文章与评论的时间显示

<p>
很多博客都喜欢用 评论发表于 “XXX 分钟 之前”、文章发表于 “XXX 分钟 之前”来显示文章评论的时间,改善的时间显示方式不仅能很直观的告诉读者这篇文章或评论发表距今已有多长时间,更能增强评论回复的时间感,哥很喜欢,因为前一阵子压在手里的东西太多了,工作日白天又苦于不能上网,所以主题的样式及功能部分一点一点的写拖了好长时间,最近这阵子刚好轮到折腾评论了,所以就逐步参照网上流行的样式一点一点的修改起来自己的评论样式和功能。</p>
<p>
So…..<br>
Go…..<br>
交道麻袋…..评论日期和文章日期调用函数不同,下面以评论日期为例,文章日期请自行调整。</p>
<p>
改善的时间显示方式的原理<br>
很简单,就是通过 WordPress 的一个内置的函数处理现在的时间和文章、评论发表的时间差,显示距今有X分钟、X小时、X天。<br>
这个函数就是 human_time_diff ()</p>
<p>
用法:</p>
<div>
<div>
<div id="highlighter_295503">
<div>
<span>?</span>
</div>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td>
<div>
1</div>
</td>
<td>
<div>
<div>
<code>&lt;?php human_time_diff( </code><code>$from</code><code>, </code><code>$to</code> <code>) ;?&gt;</code>
</div>
</div>
</td>
</tr></tbody></table>
</div>
</div>
<div id="codetool">
<div>
<textarea></textarea>
</div>
</div>
</div>
<p>
说明:<br>
判断两个时间标记的差异。<br>
以人类可阅读的格式,如“1小时”、“5分钟”、“两天”,返回$from和$to 两个时间变量的时间差。</p>
<p>
从英文上也很好理解:from 到 to 嘛。(这句是很废吧,哈哈。)</p>
<p>
雏形版改善实现</p>
<div>
<div>
<div id="highlighter_26094">
<div>
<span>?</span>
</div>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td>
<div>
1</div>
<div>
2</div>
</td>
<td>
<div>
<div>
<code>//将你的评论时间显示的函数改成如下就可以了</code>
</div>
<div>
<code>&lt;?php </code><code>echo</code> <code>human_time_diff( get_comment_time(</code><code>'U'</code><code>) , current_time(</code><code>'timestamp'</code><code>)) ;?&gt;</code>
</div>
</div>
</td>
</tr></tbody></table>
</div>
</div>
<div id="codetool">
<div>
<textarea></textarea>
</div>
</div>
</div>
<p>
所有的日期都计算时间差,很暴力吧?</p>
<p>
<strong>初级版的实现办法</strong><br>
简单的加一个判断,如果评论时间没有超过一天则显示XX小时之前,如果超过一天则显示原始日期。<br>
这样比较人性化吧?总不能让读者总掰着指头算38天之前是什么日子吧?哈哈!<br>
代码:</p>
<div>
<div>
<div id="highlighter_405751">
<div>
<span>?</span>
</div>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td>
<div>
1</div>
<div>
2</div>
<div>
3</div>
<div>
4</div>
<div>
5</div>
<div>
6</div>
<div>
7</div>
<div>
8</div>
<div>
9</div>
<div>
10</div>
<div>
11</div>
<div>
12</div>
<div>
13</div>
</td>
<td>
<div>
<div>
<code>&lt;?php </code>
</div>
<div>
<code>//计算是否超过一天 注:86400是一天的总共的秒数 60秒X60分X24小时=86400秒</code>
</div>
<div>
<code>//如果觉得一天不够的话,请自行计算填上。</code>
</div>
<div>
<code>if</code> <code>(current_time(</code><code>'timestamp'</code><code>) - get_comment_time(</code><code>'U'</code><code>) &lt; 86400 )</code>
</div>
<div>
<code>//一天之内显示的东西</code>
</div>
<div>
<code>{</code><code>$cmt_time</code> <code>= human_time_diff( get_comment_time(</code><code>'U'</code><code>) , current_time(</code><code>'timestamp'</code><code>) ) . </code><code>'-ago'</code><code>;}</code>
</div>
<div>
<code>//超过一天这么显示</code>
</div>
<div>
<code>else</code><code>{</code><code>$cmt_time</code> <code>= get_comment_date( </code><code>'Y/n/j'</code> <code>).</code><code>' - '</code><code>.get_comment_time(</code><code>''</code><code>,</code><code>''</code><code>,false);};</code>
</div>
<div>
<code> </code><code>;?&gt;</code>
</div>
<div>
 </div>
<div>
 </div>
<div>
<code> </code><code>//将你的评论时间显示的函数改成如下就可以了</code>
</div>
<div>
<code>&lt;?php </code><code>echo</code> <code>$cmt_time</code> <code>;?&gt;</code>
</div>
</div>
</td>
</tr></tbody></table>
</div>
</div>
<div id="codetool">
<div>
<textarea></textarea>
</div>
</div>
</div>
<p>
<strong>增强版</strong><br>
那么我们能不能再增强一下呢?<br>
为什么增强?<br>
好吧,因为我这个人比较较真,觉得中文显示日期不好看,影响到我的排版,喜欢英文显示日期,而中文版的 WordPress 汉化的真的是没有死角(汉化的真仔细),如果我们直接用 human_time_diff 函数输出的话,中文版的 WordPress 会将结果全部汉化显示XX小时XX天之前,这样很有可能会影响我们的排版,而且这个 human_time_diff 函数里既没有留钩子,也没有预留一个不汉化的参数,所以我们想要显示英文的话,只有两个办法:</p>
<p>
直接修改 human_time_diff 函数,让汉化失效,这样做太暴力,而且以后升级了还要再进去改,伦家不喜欢。<br>
重写一个自己的 human_time_diff 函数,绕过汉化。<br>
function.php 里面强力插入如下代码:</p>
<div>
<div>
<div id="highlighter_811908">
<div>
<span>?</span>
</div>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td>
<div>
1</div>
<div>
2</div>
<div>
3</div>
<div>
4</div>
<div>
5</div>
<div>
6</div>
<div>
7</div>
<div>
8</div>
<div>
9</div>
<div>
10</div>
<div>
11</div>
<div>
12</div>
<div>
13</div>
<div>
14</div>
<div>
15</div>
<div>
16</div>
<div>
17</div>
<div>
18</div>
<div>
19</div>
<div>
20</div>
<div>
21</div>
<div>
22</div>
<div>
23</div>
<div>
24</div>
<div>
25</div>
<div>
26</div>
<div>
27</div>
<div>
28</div>
<div>
29</div>
</td>
<td>
<div>
<div>
<code>//原函数的 day hour min 都是小写的,</code>
</div>
<div>
<code>//我把这三个词的首写字母改成大写的,即Day Hour Min 就可以避开汉化了,你懂?</code>
</div>
<div>
<code>if</code> <code>( ! function_exists( </code><code>'xz_time_diff'</code> <code>) ) :</code>
</div>
<div>
<code>function</code> <code>xz_time_diff( </code><code>$from</code><code>, </code><code>$to</code> <code>= </code><code>''</code> <code>) {</code>
</div>
<div>
<code> </code><code>if</code> <code>( </code><code>empty</code><code>(</code><code>$to</code><code>) )</code>
</div>
<div>
<code> </code><code>$to</code> <code>= time();</code>
</div>
<div>
<code> </code><code>$diff</code> <code>= (int) </code><code>abs</code><code>(</code><code>$to</code> <code>- </code><code>$from</code><code>);</code>
</div>
<div>
<code> </code><code>if</code> <code>(</code><code>$diff</code> <code>&lt;= 3600) {</code>
</div>
<div>
<code> </code><code>$mins</code> <code>= </code><code>round</code><code>(</code><code>$diff</code> <code>/ 60);</code>
</div>
<div>
<code> </code><code>if</code> <code>(</code><code>$mins</code> <code>&lt;= 1) {</code>
</div>
<div>
<code>  </code><code>$mins</code> <code>= 1;</code>
</div>
<div>
<code> </code><code>}</code>
</div>
<div>
<code> </code><code>/* translators: min=minute */</code>
</div>
<div>
<code> </code><code>$since</code> <code>= sprintf(_n(</code><code>'%s Min'</code><code>, </code><code>'%s Mins'</code><code>, </code><code>$mins</code><code>), </code><code>$mins</code><code>);</code>
</div>
<div>
<code> </code><code>} </code><code>else</code> <code>if</code> <code>((</code><code>$diff</code> <code>&lt;= 86400) &amp;&amp; (</code><code>$diff</code> <code>&gt; 3600)) {</code>
</div>
<div>
<code> </code><code>$hours</code> <code>= </code><code>round</code><code>(</code><code>$diff</code> <code>/ 3600);</code>
</div>
<div>
<code> </code><code>if</code> <code>(</code><code>$hours</code> <code>&lt;= 1) {</code>
</div>
<div>
<code>  </code><code>$hours</code> <code>= 1;</code>
</div>
<div>
<code> </code><code>}</code>
</div>
<div>
<code> </code><code>$since</code> <code>= sprintf(_n(</code><code>'%s Hour'</code><code>, </code><code>'%s Hours'</code><code>, </code><code>$hours</code><code>), </code><code>$hours</code><code>);</code>
</div>
<div>
<code> </code><code>} </code><code>elseif</code> <code>(</code><code>$diff</code> <code>&gt;= 86400) {</code>
</div>
<div>
<code> </code><code>$days</code> <code>= </code><code>round</code><code>(</code><code>$diff</code> <code>/ 86400);</code>
</div>
<div>
<code> </code><code>if</code> <code>(</code><code>$days</code> <code>&lt;= 1) {</code>
</div>
<div>
<code>  </code><code>$days</code> <code>= 1;</code>
</div>
<div>
<code> </code><code>}</code>
</div>
<div>
<code> </code><code>$since</code> <code>= sprintf(_n(</code><code>'%s Day'</code><code>, </code><code>'%s Days'</code><code>, </code><code>$days</code><code>), </code><code>$days</code><code>);</code>
</div>
<div>
<code> </code><code>}</code>
</div>
<div>
<code> </code><code>return</code> <code>$since</code><code>;</code>
</div>
<div>
<code>}</code><code>endif</code><code>;</code>
</div>
</div>
</td>
</tr></tbody></table>
</div>
</div>
<div id="codetool">
<div>
<textarea></textarea>
</div>
</div>
</div>
<p>
时间判断代码改为如下:</p>
<div>
<div>
<div id="highlighter_813887">
<div>
<span>?</span>
</div>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td>
<div>
1</div>
<div>
2</div>
<div>
3</div>
<div>
4</div>
<div>
5</div>
<div>
6</div>
<div>
7</div>
<div>
8</div>
<div>
9</div>
<div>
10</div>
</td>
<td>
<div>
<div>
<code>&lt;?php </code>
</div>
<div>
<code>//只是把计算日期差异的函数名变了而已,其他同上。</code>
</div>
<div>
<code>if</code> <code>(current_time(</code><code>'timestamp'</code><code>) - get_comment_time(</code><code>'U'</code><code>) &lt; 86400 )</code>
</div>
<div>
<code>{</code><code>$cmt_time</code> <code>= xz_time_diff( get_comment_time(</code><code>'U'</code><code>) , current_time(</code><code>'timestamp'</code><code>) ) . </code><code>'-ago'</code><code>;}</code>
</div>
<div>
<code>else</code><code>{</code><code>$cmt_time</code> <code>= get_comment_date( </code><code>'Y/n/j'</code> <code>).</code><code>' - '</code><code>.get_comment_time(</code><code>''</code><code>,</code><code>''</code><code>,false);};</code>
</div>
<div>
<code> </code><code>;?&gt;</code>
</div>
<div>
 </div>
<div>
 </div>
<div>
<code> </code><code>//将你的评论时间显示的函数改成如下就可以了</code>
</div>
<div>
<code>&lt;?php </code><code>echo</code> <code>$cmt_time</code> <code>;?&gt;</code>
</div>
</div>
</td>
</tr></tbody></table>
</div>
</div>
<div id="codetool">
<div>
<textarea></textarea>
</div>
</div>
</div>
<p>
<strong>显示评论、文章相对时间</strong></p>
<p>
根据上面的版本、下面的这个应该算是增强改进版吧,因为要达到效果还是需要在主题里添加代码,所以还没到终极版,哈哈。<br>
函数代码如下:</p>
<p>
相对时间函数</p>
<div>
<div>
<div id="highlighter_604240">
<div>
<span>?</span>
</div>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td>
<div>
1</div>
<div>
2</div>
<div>
3</div>
<div>
4</div>
<div>
5</div>
<div>
6</div>
<div>
7</div>
<div>
8</div>
<div>
9</div>
<div>
10</div>
<div>
11</div>
<div>
12</div>
<div>
13</div>
<div>
14</div>
<div>
15</div>
<div>
16</div>
<div>
17</div>
<div>
18</div>
<div>
19</div>
<div>
20</div>
<div>
21</div>
<div>
22</div>
<div>
23</div>
<div>
24</div>
<div>
25</div>
<div>
26</div>
<div>
27</div>
<div>
28</div>
<div>
29</div>
<div>
30</div>
<div>
31</div>
<div>
32</div>
<div>
33</div>
<div>
34</div>
<div>
35</div>
<div>
36</div>
<div>
37</div>
<div>
38</div>
<div>
39</div>
<div>
40</div>
<div>
41</div>
<div>
42</div>
</td>
<td>
<div>
<div>
<code>if</code> <code>( ! function_exists( </code><code>'xz_time'</code> <code>) ) :</code>
</div>
<div>
<code>/**</code>
</div>
<div>
<code> </code><code>* 显示文章、评论相对时间的封装函数.</code>
</div>
<div>
<code> </code><code>*作者:XiangZi http://PangBu.com/</code>
</div>
<div>
<code> </code><code>* @param $type 类型字符串 'cmt'或'art',用于定义显示的是评论时间还是文章时间。</code>
</div>
<div>
<code> </code><code>* @param $ago_time 数字类型 用于定义显示相对时间的时间限制 默认为86400秒即一天。</code>
</div>
<div>
<code> </code><code>* @param $after 字符串型 显示在相对时间之后的文字,默认为 ' - ago'</code>
</div>
<div>
<code> </code><code>* @param $late 字符串型 超过时间限制后显示的项目,默认为 get_the_time('Y/n/j - H:i')或get_comment_time('Y/n/j - H:i')</code>
</div>
<div>
<code> </code><code>* @return 返回字符串(相对时间或绝对时间)</code>
</div>
<div>
<code>*/</code>
</div>
<div>
<code>function</code> <code>xz_time ( </code><code>$type</code> <code>= </code><code>'art'</code><code>, </code><code>$ago_time</code> <code>= 86400 ,</code><code>$after</code> <code>= </code><code>' - ago'</code> <code>, </code><code>$late</code> <code>= </code><code>''</code> <code>) {</code>
</div>
<div>
<code>  </code><code>if</code> <code>( </code><code>$type</code> <code>=== </code><code>'cmt'</code> <code>){</code>
</div>
<div>
<code>    </code><code>$diff</code> <code>= (int) </code><code>abs</code><code>( get_comment_time(</code><code>'U'</code><code>) - current_time(</code><code>'timestamp'</code><code>));</code>
</div>
<div>
<code>      </code><code>if</code> <code>( (!</code><code>$late</code><code>) || </code><code>$late</code> <code>==</code><code>''</code><code>){ </code><code>$late</code> <code>= get_comment_time(</code><code>'Y/n/j - H:i'</code><code>);};</code>
</div>
<div>
<code>  </code><code>}</code>
</div>
<div>
<code>  </code><code>if</code> <code>( </code><code>$type</code> <code>=== </code><code>'art'</code> <code>){</code>
</div>
<div>
<code>    </code><code>$diff</code> <code>= (int) </code><code>abs</code><code>( get_the_time(</code><code>'U'</code><code>) - current_time(</code><code>'timestamp'</code><code>));</code>
</div>
<div>
<code>    </code><code>if</code> <code>( (!</code><code>$late</code><code>) || </code><code>$late</code> <code>==</code><code>''</code><code>){</code><code>$late</code> <code>= get_the_time(</code><code>'Y/n/j - H:i'</code><code>);};</code>
</div>
<div>
<code>  </code><code>}</code>
</div>
<div>
<code>  </code><code>if</code> <code>( </code><code>$diff</code> <code>&lt;= 3600 ) {</code>
</div>
<div>
<code>    </code><code>$mins</code> <code>= </code><code>round</code><code>(</code><code>$diff</code> <code>/ 60);</code>
</div>
<div>
<code>    </code><code>if</code> <code>(</code><code>$mins</code> <code>&lt;= 1) {</code>
</div>
<div>
<code>      </code><code>$mins</code> <code>= 1;</code>
</div>
<div>
<code>    </code><code>}</code>
</div>
<div>
<code>    </code><code>/* translators: min=minute */</code>
</div>
<div>
<code>    </code><code>$since</code> <code>= sprintf(_n(</code><code>'%s Min'</code><code>, </code><code>'%s Mins'</code><code>, </code><code>$mins</code><code>), </code><code>$mins</code><code>);</code>
</div>
<div>
<code>  </code><code>} </code><code>else</code> <code>if</code> <code>((</code><code>$diff</code> <code>&lt;= 86400) &amp;&amp; (</code><code>$diff</code> <code>&gt; 3600)) {</code>
</div>
<div>
<code>    </code><code>$hours</code> <code>= </code><code>round</code><code>(</code><code>$diff</code> <code>/ 3600);</code>
</div>
<div>
<code>    </code><code>if</code> <code>(</code><code>$hours</code> <code>&lt;= 1) {</code>
</div>
<div>
<code>      </code><code>$hours</code> <code>= 1;</code>
</div>
<div>
<code>    </code><code>}</code>
</div>
<div>
<code>    </code><code>$since</code> <code>= sprintf(_n(</code><code>'%s Hour'</code><code>, </code><code>'%s Hours'</code><code>, </code><code>$hours</code><code>), </code><code>$hours</code><code>);</code>
</div>
<div>
<code>  </code><code>} </code><code>elseif</code> <code>(</code><code>$diff</code> <code>&gt;= 86400) {</code>
</div>
<div>
<code>    </code><code>$days</code> <code>= </code><code>round</code><code>(</code><code>$diff</code> <code>/ 86400);</code>
</div>
<div>
<code>    </code><code>if</code> <code>(</code><code>$days</code> <code>&lt;= 1) {</code>
</div>
<div>
<code>      </code><code>$days</code> <code>= 1;</code>
</div>
<div>
<code>    </code><code>}</code>
</div>
<div>
<code>    </code><code>$since</code> <code>= sprintf(_n(</code><code>'%s Day'</code><code>, </code><code>'%s Days'</code><code>, </code><code>$days</code><code>), </code><code>$days</code><code>);</code>
</div>
<div>
<code>  </code><code>};</code>
</div>
<div>
<code>  </code><code>$since</code> <code>.= </code><code>$after</code> <code>; </code>
</div>
<div>
<code>  </code><code>return</code> <code>$diff</code> <code>&lt; </code><code>$ago_time</code> <code>? </code><code>$since</code> <code>: </code><code>$late</code> <code>;</code>
</div>
<div>
<code>}</code><code>endif</code><code>;</code>
</div>
</div>
</td>
</tr></tbody></table>
</div>
</div>
<div id="codetool">
<div>
<textarea></textarea>
</div>
</div>
</div>
<p>
<strong>使用方法</strong><br>
将上述代码插入到你主题的function.php文件中<br>
然后在你想显示相对时间的地方调用该函数即可。<br>
函数最少输入设定一个参数 即$type 类型字符串  ‘cmt'(评论时间)或'art'(文章时间)<br>
示例:</p>
<div>
<div>
<div id="highlighter_625670">
<div>
<span>?</span>
</div>
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td>
<div>
1</div>
<div>
2</div>
<div>
3</div>
<div>
4</div>
<div>
5</div>
<div>
6</div>
<div>
7</div>
<div>
8</div>
<div>
9</div>
<div>
10</div>
<div>
11</div>
<div>
12</div>
<div>
13</div>
<div>
14</div>
<div>
15</div>
<div>
16</div>
<div>
17</div>
<div>
18</div>
<div>
19</div>
<div>
20</div>
<div>
21</div>
</td>
<td>
<div>
<div>
<code>//最简单的调用</code>
</div>
<div>
<code>echo</code> <code>xz_time(</code><code>'cmt'</code><code>);</code>
</div>
<div>
<code>//一天内的输出结果: 3 Hours-ago </code>
</div>
<div>
<code>//一天后的输出结果: 2015/12/26 - 20:01</code>
</div>
<div>
<code> </code>
</div>
<div>
<code> </code>
</div>
<div>
<code>//调用时长为2天内的相对时间,之前时间显示默认时间</code>
</div>
<div>
<code>echo</code> <code>xz_time(</code><code>'cmt'</code><code>,172800);</code>
</div>
<div>
<code>//2天内的输出结果: 3 Hours-ago </code>
</div>
<div>
<code>//2天后的输出结果: 2015/12/26 - 20:01</code>
</div>
<div>
<code> </code>
</div>
<div>
<code> </code>
</div>
<div>
<code>//调用时长为2天内的相对时间,相对时间之后显示 '之前的评论'</code>
</div>
<div>
<code>echo</code> <code>xz_time(</code><code>'cmt'</code><code>,172800,</code><code>'之前的评论'</code><code>);</code>
</div>
<div>
<code>//2天内的输出结果: 3 Hours 之前的评论 </code>
</div>
<div>
<code>//2天后的输出结果: 2015/12/26 - 20:01</code>
</div>
<div>
<code> </code>
</div>
<div>
<code>//调用时长为2天内的相对时间,之前时间显示为 年-月-日</code>
</div>
<div>
<code>echo</code> <code>xz_time(</code><code>'cmt'</code><code>,172800,</code><code>'之前的评论'</code><code>,get_comment_time(</code><code>'Y-n-j'</code><code>));</code>
</div>
<div>
<code>//2天内的输出结果: 3 Hours 之前的评论 </code>
</div>
<div>
<code>//2天后的输出结果: 2015/12/26</code>
</div>
</div>
</td>
</tr></tbody></table>
</div>
</div>
<div id="codetool">
<div>
<textarea></textarea>
</div>
</div>
</div>
<p>
 </p>
頁: [1]
查看完整版本: 优化WordPress中文章与评论的时间显示