优化WordPress中文章与评论的时间显示,wordpress评论
Jun 13, 2016 am 08:47 AM优化WordPress中文章与评论的时间显示,wordpress评论
很多博客都喜欢用 评论发表于 “XXX 分钟 之前”、文章发表于 “XXX 分钟 之前”来显示文章评论的时间,改善的时间显示方式不仅能很直观的告诉读者这篇文章或评论发表距今已有多长时间,更能增强评论回复的时间感,哥很喜欢,因为前一阵子压在手里的东西太多了,工作日白天又苦于不能上网,所以主题的样式及功能部分一点一点的写拖了好长时间,最近这阵子刚好轮到折腾评论了,所以就逐步参照网上流行的样式一点一点的修改起来自己的评论样式和功能。
So…..
Go…..
交道麻袋…..评论日期和文章日期调用函数不同,下面以评论日期为例,文章日期请自行调整。
改善的时间显示方式的原理
很简单,就是通过 WordPress 的一个内置的函数处理现在的时间和文章、评论发表的时间差,显示距今有X分钟、X小时、X天。
这个函数就是 human_time_diff ()
用法:
1 |
|
说明:
判断两个时间标记的差异。
以人类可阅读的格式,如“1小时”、“5分钟”、“两天”,返回$from和$to 两个时间变量的时间差。
从英文上也很好理解:from 到 to 嘛。(这句是很废吧,哈哈。)
雏形版改善实现
1 2 |
|
所有的日期都计算时间差,很暴力吧?
初级版的实现办法
简单的加一个判断,如果评论时间没有超过一天则显示XX小时之前,如果超过一天则显示原始日期。
这样比较人性化吧?总不能让读者总掰着指头算38天之前是什么日子吧?哈哈!
代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
|
增强版
那么我们能不能再增强一下呢?
为什么增强?
好吧,因为我这个人比较较真,觉得中文显示日期不好看,影响到我的排版,喜欢英文显示日期,而中文版的 WordPress 汉化的真的是没有死角(汉化的真仔细),如果我们直接用 human_time_diff 函数输出的话,中文版的 WordPress 会将结果全部汉化显示XX小时XX天之前,这样很有可能会影响我们的排版,而且这个 human_time_diff 函数里既没有留钩子,也没有预留一个不汉化的参数,所以我们想要显示英文的话,只有两个办法:
直接修改 human_time_diff 函数,让汉化失效,这样做太暴力,而且以后升级了还要再进去改,伦家不喜欢。
重写一个自己的 human_time_diff 函数,绕过汉化。
function.php 里面强力插入如下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
|
时间判断代码改为如下:
1 2 3 4 5 6 7 8 9 10 |
|
显示评论、文章相对时间
根据上面的版本、下面的这个应该算是增强改进版吧,因为要达到效果还是需要在主题里添加代码,所以还没到终极版,哈哈。
函数代码如下:
相对时间函数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
|
使用方法
将上述代码插入到你主题的function.php文件中
然后在你想显示相对时间的地方调用该函数即可。
函数最少输入设定一个参数 即$type 类型字符串 ‘cmt'(评论时间)或'art'(文章时间)
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
|
您可能感兴趣的文章:
- WordPress中利用AJAX技术进行评论提交的实现示例
- WordPress中利用AJAX异步获取评论用户头像的方法
- 详解WordPress中调用评论模板和循环输出评论的PHP函数
- WordPress中限制非管理员用户在文章后只能评论一次
- 讲解WordPress中用于获取评论模板和搜索表单的PHP函数
- 解决WordPress使用CDN后博文无法评论的错误
- 利用jQuery实现WordPress中@的ID悬浮显示评论内容
- 编写PHP脚本来实现WordPress中评论分页的功能
- 修改PHP脚本使WordPress拦截垃圾评论的方法示例
- 在WordPress中实现评论头像的自定义默认和延迟加载
- WordPress中对访客评论功能的一些优化方法
- WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

熱門文章

熱門文章

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)