网站建设

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

Jager · 11月26日 · 2014年 · · 1513次已读

貌似在上个月,我就和中国历史、梦轩丽人等几位博友提过,张戈博客分享的《WordPress 酷炫 CSS3 读者墙,排名按年度、本月、本周划分的小方法》,其实可以封装成 WordPress 插件,方便一些不会部署代码的童鞋。

最近,连续开发了 3 个 WordPress 插件,也有了些心得和经验,干脆就把之前的想法也来实现一下!

说干就干,绝不含糊,目前该插件已制作成功,并上传到了 WordPress 官方插件站,下面简单的介绍下。

一、插件名称

我在制作插件的时候下意识的取名为 WP Readers Wall,直到开发完插件之后,我才发现 WordPress 很早之前就有了一款读者墙的插件,名字是 Readers Wall。

没办法,根据实际功能,我将这个插件命名为 WP Readers Ranking,译为 WordPress 读者排行榜,也就懒得去深究中式英语的对与错了。。。

二、插件功能

说到插件功能,不得不提一下,这个排行版的原始出处是折子戏博客,名为 CSS3 酷炫读者墙代码。在梦轩丽人号召众博客推活跃博客称号时,我突然想到,如果这个读者墙能够按年、月、周来区分不是更能提高评论者的积极性么?因为原版的是按年份来划分的,以至于一些新访客短时间内很难上榜!要是改成本月、或本周那难度就直线下降了, 不管新老访客,人人都有机会上墙!

所以,这个插件的功能就是基于这个想法来开发的,具体功能如下:

①、读者排行榜

这是插件的核心功能,能够按时间段来输出该段时间内评论最多的访客并展示:

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

②、头像加速

最近,相信大部分博主都知道,全球最流行的 Gravatar 头像系统被墙了,时不时来一次大姨妈,导致博客评论者头像惨不忍睹!正好,博客联盟群里的博友在使用了这个插件的测试版之后,也反馈部分头像不能显示。

于是,我就给这个插件加了一个头像加速的功能,可选择性开启,更换头像来源服务器,缓解大姨妈的问题:

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

③、加载模式

最近制作的几个插件都牵扯到了这个加载模式的问题,可能有小部分博主不懂加载模式是干什么的。其实加载模式就是指,你启用插件之后,是需要插件自动来输出这个页面还是你自行部署插件提供的调用代码。

I、当选择自动模式的时候,设置中将自动展示博客已存在的页面及页面 ID,你只要将相应的 ID 填写到【目标页面】一栏即可,当然你还可以自定义这个排行版的输出位置!不过稍微遗憾的是,插件只能定义在文章前面还是后面。

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

II、当选择手动模式的时候,设置中将出现一段提示话语:

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

在手动模式当中,插件提供 2 个自定义部署的方法:

方法①是短代码部署的方法:

后台编辑页面内容,在任意位置插入短代码“[readers_ranking]”,保存页面即可。

特别说明的是:

i、  短代码只能将排行版输出到页面的最前面;

ii、 已排除文章类型,所以短代码只对页面生效;

iii、不管是手动模式还是自动模式,只要启用插件,短代码就会生效。

方法②是模板函数部署的方法:

编辑主题目录下的自定义页面模板(比如:gueskgook.php),在合适的位置插入:<?php readers_page();?>并保存,比如:

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

Ps:在主题模板中调用函数,可以灵活定义排行版出现的位置,适合熟悉程度较高的 WordPress 博主。

④、自定义样式

原本我想将这个排行版弄成响应式的,可惜弄了半天也就是个半成品!只好开放这样一个功能,让博主可以自行调试一下排行版的样式,比如宽度,列数等:

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

如果不熟悉 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读者排行榜插件WP Readers Ranking

当然, 感兴趣的自行安装看看就知道了~如果好用,希望能抽时间到 WordPress 官方给个五星好评。当然,看洋文就头晕的就算了。

五、东拉西扯

这几天接连制作了 4 个插件,不得不感叹,看似很简单的几个功能,真正要做成通用的插件,真是伤脑筋!我到现在头还是痛的,当然这个和我水平有限也有很大的关系,毕竟是勉强制作水准。分享完这个插件,在很长一段时间,我都不会再碰插件了,实在是头疼到不行!

本文就分享到这里,如果有朋友觉得这些个插件还不错,可以分享给你周围的博客朋友尝试下,有任何问题欢迎给我留言,张戈在这里,先说声感谢了!

38 条回应
  1. 懿古今 2014-11-26 · 23:18

    博主真的越来越强大了,做成插件版后,也会很多人喜欢的,毕竟不是每个人都喜欢折腾代码的

  2. 最新hosts 2014-11-27 · 9:56

    最近变成插件控了哟

  3. 陌小雨 2014-11-27 · 20:17

    我能偷偷的告诉博主,之前浏览博主一篇文章的时候就看到那个效果,博主当时是在用那篇文章在测试么?

    • avatar
      Jager 2014-11-27 · 20:36

      测试wordpress 插件中content钩子作用范围,最后排除了文章页面。

      • 陌小雨 2014-11-27 · 21:47

        虽然不太懂,但是很厉害的样子!

  4. 叶德华 2014-11-27 · 20:47

    我发现那个文档目录的定位好像不是特别准,总是偏下一些!

  5. 李阳博客 2014-11-28 · 8:50

    好强大呀。多弄个样式就好看了

    • avatar
      Jager 2014-11-28 · 11:11

      样式方面可以自行定义CSS,我就没那么精力去设计样式了。。

  6. 小Z 2014-11-28 · 10:23

    感觉这个插件不怎么美观

    • avatar
      Jager 2014-11-28 · 11:09

      :evil: 插件都提供了CSS接口了,不喜欢默认样式可以自己设计啊

  7. 畏知网丶谢小北 2014-11-28 · 13:06

    路过,瞅一眼

  8. 必分享 2014-11-29 · 9:58

    不错,谢谢博主。

  9. harries 2014-11-29 · 10:43

    真不错

  10. 微信大学 2014-11-29 · 11:44

    插件已安装, 同时推荐其他朋友使用.

  11. 极品飞鸽 2014-11-29 · 16:09

    我试过安装,安装失败了文章就打不开了。有空了再试试

    • avatar
      Jager 2014-12-1 · 15:47

      应该是存在函数冲突

  12. APP雄起 2014-11-30 · 22:05

    很好用的插件

  13. 飞哥 2014-12-4 · 11:06

    很久不来了。问候一下。博主还是这样勤奋

  14. 优美拍 2014-12-10 · 19:07

    我用了字体好大,头像不完整,又玩不转代码,只好放弃。

  15. 傅远林博客 2015-3-17 · 19:42

    我用了你的插件感觉很不错。谢谢

  16. BOKE123 2015-4-15 · 11:21

    现在还有挺多人不懂得弄这个年月周排行的读者墙,所以为了更多人懂得这个插件,已转载到我的博客导航站了,会保留版权链接的,希望博主不要介意哦

    • avatar
      Jager 2015-4-15 · 14:37

      欢迎转载,这是我的荣幸。

  17. 小Q 2015-5-27 · 12:01

    很有用的插件,有效增强博客社交性~ 感谢制作。

    • avatar
      Jager 2015-5-27 · 12:06

      :smile: 有空常来

  18. 明月登楼 2015-10-16 · 13:54

    博主,您好,我昨天也装上了这个“读者墙”插件,插件很给力卡,先赞一个!

    我想问一下,如何在侧边栏显示这个插件呢?

  19. GC 2015-12-3 · 12:40

    插件已安装,别问我为什么,我只是不喜欢折腾代码 :grin: 支持 :idea:

  20. 老段 2016-4-1 · 21:34

    感谢博主分享,给了我很大帮助!

  21. 米粒博客 2016-4-2 · 22:29

    真不错 很强大 谢谢博主

  22. 静松太极拳 2016-5-5 · 11:42

    张博主好 能不能做个在ZBLOGPHP插件读者墙 像WP一样 在点评的上面呢?

  23. 全自动包装机 2016-5-10 · 10:40

    [color=red][/color]新人学习经验的好地方!

  24. 俊霖 2017-1-19 · 20:46

    666,不错的插件

  25. 阿乞 2017-4-25 · 20:38

    终于折腾好了,你的这个插件在我的主题样式会错乱,只好自己改了,保存的时候会提示要输入页面的ID什么的

  26. 伍林堂工作室 2017-5-9 · 22:20

    没有任何效果啊。签到成功!签到时间:下午10:18:53,每日签到,生活更精彩哦~【存在瑕疵页面】 :?: 这里获取不到任何数据。

    • avatar
      Jager 2017-5-10 · 15:52

      好久了,也不知道是否兼容现在版本。。。你可以先尝试使用代码版本

      • 伍林堂工作室 2017-5-10 · 16:03

        代码版本也是获取不到数据,不知道怎么回事。

  27. 景弘 2017-12-10 · 10:20

    签到成功!签到时间:上午10:19:39,每日签到,生活更精彩哦~

  28. wordpress建站吧 2019-1-29 · 21:43

    大神,居然还有这种插件啊签到成功!签到时间:下午9:43:13,每日签到,生活更精彩哦~