网站建设

原创插件:WordPress读者排行榜插件WP Readers Ranking

貌似在上个月,我就和中国历史、梦轩丽人等几位博友提过,张戈博客分享的《WordPress酷炫CSS3读者墙,排名按年度、本月、本周划分的小方法》,其实可以封装成WordPress插件,方便一些不会部署代码的童鞋。 最近,连续开发了3个WordPress插件,也有了些心得和经验,干脆就把之前的想法也来实现一下! 说干就干,绝不含糊,目前该插件已制作成功,并上传到了WordPress官方插件站,下面简单的介绍下。 一、插件名称 我在制作插件的时候下意识的取名为WP Readers Wall,直到开发完插件之后,我才发现WordPress很早之前就有了一款读者墙的插件,名字是Readers Wall。 没办法,根据实际功能,我将这个插件命名为WP Readers Ranking,译为WordPress读者排行榜,也就懒得去深究中式英语的对与错了。。。 二、插件功能 说到插件功能,不得不提一下,这个排行版的原始出处是折子戏博客,名为CSS3酷炫读者墙代码。在梦轩丽人号召众博客推活跃博客称号时,我突然想到,如果这个读者墙能够按年、月、周来区分不是更能提高评论者的积极性么?因为原版的是按年份来划分的,以至于一些新访客短时间内很难上榜!要是改成本月、或本周那难度就直线下降了, 不管新老访客,人人都有机会上墙! 所以,这个插件的功能就是基于这个想法来开发的,具体功能如下: ①、读者排行榜 这是插件的核心功能,能够按时间段来输出该段时间内评论最多的访客并展示: ②、头像加速 最近,相信大部分博主都知道,全球最流行的Gravatar头像系统被墙了,时不时来一次大姨妈,导致博客评论者头像惨不忍睹!正好,博客联盟群里的博友在使用了这个插件的测试版之后,也反馈部分头像不能显示。 于是,我就给这个插件加了一个头像加速的功能,可选择性开启,更换头像来源服务器,缓解大姨妈的问题: ③、加载模式 最近制作的几个插件都牵扯到了这个加载模式的问题,可能有小部分博主不懂加载模式是干什么的。其实加载模式就是指,你启用插件之后,是需要插件自动来输出这个页面还是你自行部署插件提供的调用代码。 I、当选择自动模式的时候,设置中将自动展示博客已存在的页面及页面ID,你只要将相应的ID填写到【目标页面】一栏即可,当然你还可以自定义这个排行版的输出位置!不过稍微遗憾的是,插件只能定义在文章前面还是后面。 II、当选择手动模式的时候,设置中将出现一段提示话语: 在手动模式当中,插件提供2个自定义部署的方法: 方法①是短代码部署的方法: 后台编辑页面内容,在任意位置插入短代码“”,保存页面即可。 特别说明的是: i、  短代码只能将排行版输出到页面的最前面; ii、 已排除文章类型,所以短代码只对页面生效; iii、不管是手动模式还是自动模式,只要启用插件,短代码就会生效。 方法②是模板函数部署的方法: 编辑主题目录下的自定义页面模板(比如:gueskgook.php),在合适的位置插入:<?php readers_page();?>并保存,比如: Ps:在主题模板中调用函数,可以灵活定义排行版出现的位置,适合熟悉程度较高的WordPress博主。 ④、自定义样式 原本我想将这个排行版弄成响应式的,可惜弄了半天也就是个半成品!只好开放这样一个功能,让博主可以自行调试一下排行版的样式,比如宽度,列数等: 如果不熟悉CSS代码,可以试探性的修改带中文注释的那些属性,并不建议修改其他不熟悉的属性。 如果很熟悉CSS代码,你可以在后台自定义样式设置中重新定义这个排行榜的样式。 三、插件安装 每次写文章都不喜欢写这个安装步骤,因为太简单了,老翻来覆去的炒剩饭也挺恶心的。 安装方法和其他WordPress插件一样,分为2种: ①、在线安装 该插件已上传到了WordPress官方插件站,所以只要在WordPress后台的插件在线安装界面搜索WP Readers Ranking即可找到并在线安装。 ②、ZIP包安装 这种方法适用于SAE等没有权限在线直接写入的WordPress博客,怎么安装就不赘述了! 插件主页:https://wordpress.org/plugins/wp-readers-ranking/ 下载地址:https://downloads.wordpress.org/plugin/wp-readers-ranking.zip 四、插件设置 插件设置在功能介绍的时候已经说过了,就偷懒截个图吧! 当然, 感兴趣的自行安装看看就知道了~如果好用,希望能抽时间到WordPress官方给个五星好评。当然,看洋文就头晕的就算了。 五、东拉西扯 这几天接连制作了4个插件,不得不感叹,看似很简单的几个功能,真正要做成通用的插件,真是伤脑筋!我到现在头还是痛的,当然这个和我水平有限也有很大的关系,毕竟是勉强制作水准。分享完这个插件,在很长一段时间,我都不会再碰插件了,实在是头疼到不行! 本文就分享到这里,如果有朋友觉得这些个插件还不错,可以分享给你周围的博客朋友尝试下,有任何问题欢迎给我留言,张戈在这里,先说声感谢了!
阅读全文
网站建设

WordPress酷炫CSS3读者墙,排名按年度、本月、本周划分的小方法

WordPress酷炫CSS3读者墙这个玩意一般不用我多说,大部分用WordPress的博主都了解过了,出自折子戏博客。 不过他这个读者墙的排行是按年度划分的,也就是一年内的留言数排行。为了增强评论的积极性,我们可以学习卢松松留言板的按月份排行的做法。甚至还可以一周为单位,进一步激励读者评论留言。 下面分享修改排名时间段的方法。 先看下原代码中的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,这样的好处就是明确的规定了时间段的起点,比如本周这个时间段,那起点就是上周日。 好了,各时段的代码都已给出,下面贴上一周为时间段的完整代码: ①、本周排行的完整代码 将以上代码添加到主题目录的留言板模块的合适位置即可,如果你还没有留言板,那么请自行百度如何给Wrodpress添加留言板,具体做法我就不赘述了。 如果,你需要其他时间段的排行,那么只要参考本文前面分享的时间段,修改下代码中的INTERVAL 1 WEEK即可! 当然,张戈博客一直以分享为宗旨,所以本站留言板同时存在多个时间段排行的完整代码如下,仅供参考: 细看可以发现,其实组合三种时间段,最关键性的地方就修改变量名,否则一样的变量名会导致数据重复!需要修改的变量名是: output query,我是改成了 output1 output2这种形式,相信你一看就懂! 最后,啰嗦一下,原文介绍是将CSS样式集成到style.css当中的,为啥我这直接和php写在一起呢?你想啊,如果是写到style.css那每个页面都需要加载一次,而写到页面代码中就只会在留言板加载,从而就起到优化的微小效果!当然,最好的方式可以将css代码保存为readers.css。然后只添加到留言板当中即可,因为做出css文件,浏览器会缓存到本地,那就进一步优化了留言板的加载速度了(本段乃强迫症发作所述,可直接无视之,囧....)。
阅读全文