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

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

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

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

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

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

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

①、读者排行榜

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

②、头像加速

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

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

③、加载模式

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

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

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

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

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

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

特别说明的是：

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

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

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

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

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

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

④、自定义样式

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

如果不熟悉 CSS 代码，可以试探性的修改带中文注释的那些属性，并不建议修改其他不熟悉的属性。

如果很熟悉 CSS 代码，你可以在后台自定义样式设置中重新定义这个排行榜的样式。

每次写文章都不喜欢写这个安装步骤，因为太简单了，老翻来覆去的炒剩饭也挺恶心的。

安装方法和其他 WordPress 插件一样，分为 2 种：

①、在线安装

该插件已上传到了 WordPress 官方插件站，所以只要在 WordPress 后台的插件在线安装界面搜索 WP Readers Ranking 即可找到并在线安装。

②、ZIP 包安装

这种方法适用于 SAE 等没有权限在线直接写入的 WordPress 博客，怎么安装就不赘述了！

插件主页：

下载地址：

插件设置在功能介绍的时候已经说过了，就偷懒截个图吧！

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

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

    以上就是本篇文章【原创插件：WordPress读者排行榜插件WP Readers Ranking】的全部内容了，欢迎阅览 ！ 文章地址：http://w.yusign.com/news/8203.html 
     资讯      企业新闻      行情      企业黄页      同类资讯      首页      网站地图      返回首页 述古往 http://w.yusign.com/mobile/ , 查看更多