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

貌似在上个月,我就和中国历史、梦轩丽人等几位博友提过,张戈博客分享的《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个插件,不得不感叹,看似很简单的几个功能,真正要做成通用的插件,真是伤脑筋!我到现在头还是痛的,当然这个和我水平有限也有很大的关系,毕竟是勉强制作水准。分享完这个插件,在很长一段时间,我都不会再碰插件了,实在是头疼到不行!

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

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

刷新评论

目前评论:37   其中:访客  30   博主  7

  1. 梦想网络 5 来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 电信

    能制作插件的水平对于我来说已经是可望而不可及的地步了!读者墙大赞,还是喜欢纯代码的,去拔代码去了。。

  2. 懿古今 3 来自天朝的朋友 火狐浏览器 Windows XP 广西南宁市 电信

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

  3. 最新hosts 5 来自天朝的朋友 搜狗浏览器 Windows 7 湖北省武汉市 电信

    最近变成插件控了哟

  4. 陌小雨 5 来自天朝的朋友 火狐浏览器 Windows 8.1 广东省珠海市 广东科学技术职业学院(珠海校区)

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

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

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

      • 陌小雨 5 来自天朝的朋友 火狐浏览器5.0 Windows 8.1 广东省珠海市 电信

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

  5. 叶德华 4 来自天朝的朋友 谷歌浏览器 Windows 7 陕西省安康市 联通

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

  6. 李阳博客 3 来自天朝的朋友 谷歌浏览器 Windows 7 北京市 联通

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

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

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

  7. 小Z 2 来自天朝的朋友 谷歌浏览器 Windows XP 河北省邯郸市 联通

    感觉这个插件不怎么美观

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

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

  8. 畏知网丶谢小北 2 来自天朝的朋友 谷歌浏览器 Windows 7 山东省临沂市 联通

    路过,瞅一眼

  9. 必分享 2 来自天朝的朋友 谷歌浏览器 Windows 7 广东省佛山市 电信

    不错,谢谢博主。

  10. harries 3 来自天朝的朋友 谷歌浏览器 Windows 7 北京市 铁通

    真不错

  11. 微信大学 3 来自天朝的朋友 谷歌浏览器 Windows 7 北京市 北京数字家园网络科技有限公司北京电信互联网数据中心节点

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

  12. 极品飞鸽 5 来自天朝的朋友 谷歌浏览器 Windows 7 四川省成都市 电信

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

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

      应该是存在函数冲突

  13. APP雄起 7 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 联通

    很好用的插件

  14. 飞哥 4 来自天朝的朋友 谷歌浏览器 Windows 7 广东省东莞市 电信

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

  15. 优美拍 3 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省 联通

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

  16. 傅远林博客 2 来自天朝的朋友 谷歌浏览器 Windows 7 重庆市 鹏博士长城宽带

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

  17. BOKE123 4 来自天朝的朋友 谷歌浏览器 Windows XP 广西南宁市 /桂林市

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

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

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

  18. 小Q 0 Philippines 谷歌浏览器 Windows 7 菲律宾

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

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

      :smile: 有空常来

  19. 明月登楼 5 来自天朝的朋友 谷歌浏览器 Windows 10 河南省南阳市 联通

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

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

  20. GC 1 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信

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

  21. 老段 0 来自天朝的朋友 谷歌浏览器 Mac OS X 10_10_5 吉林省长春市 联通

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

  22. 米粒博客 3 来自天朝的朋友 谷歌浏览器 Windows 10 广东省 移动

    真不错 很强大 谢谢博主

  23. 静松太极拳 3 来自天朝的朋友 谷歌浏览器 Windows 7 广西南宁市西乡塘区 电信

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

  24. 全自动包装机 1 来自天朝的朋友 Internet Explorer Windows XP 山东省枣庄市 联通

    新人学习经验的好地方!

  25. 俊霖 1 来自天朝的朋友 谷歌浏览器 Windows 10 重庆市 联通

    666,不错的插件

  26. 阿乞 2 来自天朝的朋友 火狐浏览器 Windows 10 广东省佛山市禅城区 电信

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

  27. 伍林堂工作室 1 来自天朝的朋友 QQ浏览器 Windows 10 江苏省南通市 电信

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

    • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Windows 7 广东省广州市 电信

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

      • 伍林堂工作室 1 来自天朝的朋友 QQ浏览器 Windows 10 江苏省南通市 电信

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

加载中,请稍候...