首页 » 技术文章 » WordPress » 浏览内容

纯代码打造WordPress酷炫CSS3读者墙

1342 0 发表评论

WordPress酷炫CSS3读者墙这个玩意一般不用我多说,大部分用WordPress的博主都了解过了。

不过他这个读者墙的排行是按年度划分的,也就是一年内的留言数排行。

为了增强评论的积极性,我们可以学习卢松松留言板的按月份排行的做法。甚至还可以一周为单位,进一步激励读者评论留言。 引用张戈博客

QQ截图20141207002315

下面分享修改排名时间段的方法。

先看下原代码中的MySQL查询代码:

大家可以看到查询代码中有一个comment_date > date_sub( NOW(), INTERVAL 24 MONTH )的关键性约束,也就是24个月的评论排行。那了解了这一点,事情就好办了!

根据mysql时间段条件约束,有如下语句可选:
①、将comment_date字段的时间限制在本年度范围:

②、将comment_date字段的时间限制在本月范围:

③、将comment_date字段时间限制在本周范围(从周日算起):

 

所以,正在在使用这个读者墙的朋友,如果要改变排行时间段,只要参考①②③,修改读者墙代码中的

 

即可,非常简单!

Ps:大家也看到了,为什么年度排行和本周排行我用的是1 YEAR,和1 WEEK,而不是24 MONTH和7 DAY呢?

其实是存在一个逻辑性问题的:使用24 MONTH 或 7 DAY来作为时间段划分,逻辑上是存在问题的,因为这个时间段的起点是活动的,没法固定的!

比如,今天的近7天和明天的近7天是不一样的,这样查询的数据也就不准确了!所以,我采用了1 YEAR 和 1 WEEK,这样的好处就是明确的规定了时间段的起点,

比如本周这个时间段,那起点就是上周日。

好了,各时段的代码都已给出,下面贴上一周为时间段的完整代码:

显示效果可以查看本站留言板:http://www.exehack.net/guestbook

细看可以发现,其实组合三种时间段,最关键性的地方就修改变量名,否则一样的变量名会导致数据重复!需要修改的变量名是:output query,我是改成了 output1 output2这种形式,相信你一看就懂!

最后,啰嗦一下,原文介绍是将CSS样式集成到style.css当中的,为啥我这直接和php写在一起呢?你想啊,如果是写到style.css那每个页面都需要加载一次,而写到页面代码中就只会在留言板加载,从而就起到优化的微小效果!当然,最好的方式可以将css代码保存为readers.css。然后只添加到留言板当中即可,因为做出css文件,浏览器会缓存到本地,那就进一步优化了留言板的加载速度了.

本文来源于:张戈博客 WordPress酷炫CSS3读者墙,排名按年度、本月、本周划分的小方法

标签:

评论 共 0 条 (RSS 2.0) 发表 评论

  1. 暂无评论,快来抢沙发!

发表评论

  •   没有头像?

关注我们,实时联系

通知公告">更多...

♥如果喜欢本站可以直接点击订阅博客
♥点击此加入晓残博客会员群加入扣群
♥本站免费提供加密解密服务点击解密
♥伙伴们喜欢本站赏个好评呗

关注微信

有偿服务

博客统计

  • 日志总数:477 篇
  • 评论数目:1472 条
  • 标签总数:40 个
  • 页面总数:8 个
  • 分类总数:17 个
  • 友链总数:24 个
  • 建站日期:2011-02-13
  • 运行天数:2123 天
  • 最后更新:2016-12-6

订阅博客

×
订阅图标按钮