八月
20

插件发布:边栏最新评论及ajax回复——WP RC Reply AJAX

插件下载地址:官方目录

如何使用?可以在后台添加小工具,或者直接调用相关函数,详查下文支持边栏小工具一栏

文章导航:#为什么使用边栏回复?

                   #防止重复评论

                  #完美无限嵌套

                  #支持widget小工具

                 #其他说明

                 #插件简介

之前在Ajax版即时侧边栏评论回复功能》一文中我已经提到了我的侧边栏回复,我将其稍作改造,做成了今天的这个插件,名字叫WP RC Reply AJAX,全称是wordpress recent comments reply ajax。

从名字上看,第一个单词——wordpress,顾名思义,就是为wordpress而开发。recent comments,最新评论,即是可以在侧边栏显示最新评论,这个功能和mg12的wp-recentcomments插件几乎一模一样,支持ajax翻页、查看单条评论。当然,mg12的插件设置很丰富,而且也有jQuery版本,可以在翻页时实现一些特效。我的在第一版中就只提供了基本的功能,特效并未添加,以后的版本中会更新上去。当然,都是原生JS,不会有jQuery版本。reply,表明了这个插件最重要的一个功能,即是侧边栏回复。还不知道此为何物的同学,可以移步到我的侧边栏,点击任一评论后边的右向双箭头,进入单条评论查看模式,会出现一个回复按钮,点击之后就可以再侧边栏对这条评论进行回复了。ajax,即是评论支持ajax方式提交。这项是不可选的,如果浏览器支持JavaScript,那么就一定是ajax方式提交的,如果不支持,那么还可以以普通方式提交。

为什么要使用侧边栏回复

也许有人会这么问。我们博客每天都有人留言评论,但是这些评论并不都在同一个页面。而通过边栏的最新评论,我们可以对最新评论一目了然。如果你的最新评论支持ajax翻页查看,那就更好了,无论新收到了多少条评论,都可以通过翻页方式查看到,不必到后台,更不必一页一页的去翻找评论了。同时,我的插件提供了侧边栏回复功能,也就是说你在翻看这些评论的时候,就可以即时对它们进行回复了。而且是通过ajax方式,你回复完一条,可以点击返回按钮,继续对下一条评论进行回复。这些操作中,你并不需要跳转页面,因为一切都是通过ajax异步方式进行的。

防止重复评论

而且,我提供了简单的防止重复回复的功能。边栏的评论一条接一条,我们可能在连续的回复过程中会记不清已经对谁回复过了,这样就会出现对同一条评论回复多次的情况。但是,不用担心,插件已考虑到此情况,回复过的评论在你试图再次回复时,会出现提醒。

完美嵌套,无限嵌套式回复

很多人使用嵌套评论。因为在侧边栏显示的评论,我们很难判断其到底是不是嵌套的最后一层了,如果对最后一层的评论回复了,那么就是无效的嵌套回复,这条回复会被当做一条全新的主评论显示。我的插件解决了这一问题,你可以在边栏放心的进行回复,无论你使不使用嵌套,都不必担心,插件会完美解决你的嵌套难题。

回复会自动添加@回复,免去你折腾麻烦。

提高访客体验,折叠隐藏信息输入框

对于回复时插入的回复框,支持老访客折叠信息框,提高访客体验。同时支持登陆者隐藏信息框。

支持widget小工具

你可以直接在后台小工具设置页面添加“边栏回复小工具”到你的边栏。

如果不想使用小工具,我也提供了一个输出函数

   1: <?php wp_rc_reply_echo ($number=8); ?>

函数只有一个参数,即是显示的评论条数。其直接在要显示的地方进行调用即可。其它参数,如头像大小,截断长度等,请到后台插件设置页面进行设置。

其它说明

捕获后台设置中有一个“太短的评论自动换行”。这个如果不清楚是做什么的,就不要勾选,不要管它即可。我在此简单说明一下,这是我插件中的一个小功能,即是遇到很短的评论,不足设置的截断长度一般的评论,会自动在评论者姓名和评论内容之间加上换行符。当然,这一前提是你设置的头像大小大于32,因为大于32,一般头像右边可以显示两行评论内容(如我的最新评论),但是如果是太短的评论,则只能占据一行,那么下一行就会空了,此时就会显得不太美观,所以需要加上一个换行符,是评论内容在第二行显示。效果请查看我的边栏最新评论,注意观察一条长评论和一条段评论的显示上的区别。也可以参看左上角的截图,winy的评论是在第一行就开始显示的,而liuqiqi的评论却是在第二行显示!!因为liuqiqi的评论太短不足一行,如果显示在第一行,那么第二行就会留下空白,看起来就不那么紧凑了。

另外需要说明的是,插件自带了一个css文件,主要是用来控制翻页按钮的摆放,因为担心一些人对css不太了解,不能将三个按钮很好的摆在一条线上。其它地方都没用css美化,所以需要使用者自行根据自己主题进行些许css设置。

下面是对此插件的一些描述:

Plugin Name: WP RC Reply AJAX

Plugin URI: http://www.qiqiboy.com/plugins/

Description: 1. show recent comments at sidebar. 2. with it, you can reply everyone from widget sidebar by Ajax type.

Version: 1.0.0

Author: QiQiBoY

Author URI: http://www.qiqiboy.com

Download: http://wordpress.org/extend/plugins/wp-rc-reply-ajax/


插件名称:WP RC Reply AJAX (最新评论及侧边栏回复)

插件描述:显示最新评论以及在侧边栏回复评论

当前版本:1.0.0

插件作者:QiQiBoY

插件简介

  • 在侧边栏以小工具形式显示最新评论,支持ajax查看、翻页。
  • 支持在边栏即时回复评论。(点击一条评论右边的双向箭头,进入单条评论查看模式,然后即可点击右边的回复按钮进行回复操作)
  • 边栏回复支ajax方式提交,无需刷新页面,可连续回复。
  • 评论提交前可进行简单的错误检测,减少服务器响应消耗。
  • 边栏回复支持嵌套评论、支持无限级嵌套。
  • 边栏回复自动添加@回复。
  • 防重复评论设置,以免评论过快,对一些评论进行重复回复。
  • 插件下载官方目录

插件使用:方法一:直接在后台设置相关选项,然后在添加小工具处向边栏添加“边栏回复小工具”。

方法二:在要显示最新评论的地方(如边栏某个位置或者新建一个页面模板),直接调用

   1: /*
   2:  *输出打印最新评论列表
   3:  */
   4:  
   5: <?php wp_rc_reply_echo('number=&length=&size=&at='); ?>
   6:  
   7: /*此函数支持四个可选参数,此处的参数设置会覆盖掉后台的设置。
   8:  *number是设置评论数量,默认为8;
   9:  *length是设置评论阶段长度,默认为30;
  10:  *size是设置头像的尺寸,默认为32;
  11:  *at是设置自动添加@回复,其值表示从第几层开始加入@回复。默认为0,0表示不添加@回复。
  12:  *这四个参数的值都是整数。
  13:  *如果不清楚参数含义,请不要盲目添加参数。如你可以直接使用<?php wp_rc_reply_echo(); ?>或<?php wp_rc_reply_echo('number=10&length=25'); ?>
  14:  *参数是可以省略的,不区分先后位置。
  15:  */

更多插件使用信息:请点击浏览此文

边栏回复screenshot-2

最后还要赞一下官方的速度,下午四点的时候我插件开发接近尾声,然后向官方提交了插件地址申请,然后在大概晚上九点半的时候便收到了通过邮件,我便立马将插件上传了官方目录。

******有觉得好用的同学欢迎在自己博客中推荐一下O(∩_∩)O~********

本文标签: , , , ,

分享

本文短网址: http://qiqi.boy.im/7m

这篇文章已经有 190 条评论

Comments (187) Trackbacks (3)
You can leave a response or Trackback this entry .
  1. ForRSS -#21

    不错,很实用啊。

  2. 菠萝 -#22

    我从WP官方第一个看到的这个插件,厉害啊!!

    • QiQiBoY --#1

      @菠萝
      额。。不会吧,没多人下载用呀。。。

    • 菠萝 --#2

      @QiQiBoY
      目前好像使用得不多,但确实是我进我的博客后台,第一个看到这个插件的,居然是你的,厉害!!

      对了,QiQi,我有个代码,能不能简单实现以插件的形式插入后台?

      或是你能不能开发一个图片上传插件?

    • liuqiqi --#3

      @菠萝
      图片上传插件小邪貌似做过呀。。。。。你问问他。。。

    • 菠萝 --#4

      @liuqiqi
      嗯,我再去看看。

  3. zwwooooo -#23

    终于出来了,不过我刚才测试了一下,貌似不开取头像就没有ajax了(点击翻页无效),我改为缓存方式的头像也无效了。

    • QiQiBoY --#1

      @zwwooooo
      头像我是直接用的get_avatar函数。头像不设置不会出现问题呀。。
      插件我已经升级到了1.1,做了很多调整,你可以试试新版还存不存在问题

  4. Dianso -#24

    用上了 :arrow:

    期待你把以前介绍的其他功能也做成插件吧

  5. Dianso -#25

    建议把小工具标题添加个h2标签

    • QiQiBoY --#1

      @Dianso
      标签我觉得<h2>应该用于文章标题,所以我添加的是<h3>标签。如果你想自定义输出格式,可以使用wp_rc_reply_echo()这个函数。

  6. laowi -#26

    侧边栏那么高端 – -?

  7. 宿迁学院论坛 -#27

    你的博客现在是越来越强大啊
    功能强大 也很美观 强大~

  8. 静夜燃香 -#28

    求助……那个那么丑的trackback要怎么改的美一点?一定是我输出的问题……哦,丢人……

    • QiQiBoY --#1

      @静夜燃香
      。。。插件里不会输出trackback和pingback的呀。。你是说你的文章下面的trackback吗?

    • 静夜燃香 --#2

      @QiQiBoY
      我是说你这里显示的trackback啦,你看看多丑啊……(掩面,继续丢人……

    • QiQiBoY --#3

      @静夜燃香
      额。。。我也发现了。。。不知道为何输出了这么多内容。。。。别人的都是一两句话。。。。。。这个我也不知道咱么弄呀。。可能这次是个意外吧。。。
      :idea:

    • 静夜燃香 --#4

      @QiQiBoY
      不,这不是意外,以前自ping的时候也这么恐怖= =
      那么再请教一个问题……评论分页以后的评论链接没法精确定位了……这个应该在怎么解决?要不然给个思路就行~~~
      我先研究研究~~~

    • 静夜燃香 --#5

      @QiQiBoY
      咦,也没有,我ping willin大师的就没事……
      也许是RP问题吧……你明白的= =

    • QiQiBoY --#6

      @静夜燃香
      输出评论链接要用get_comment_link($comment_id)就可以解决了。
      比如你要从我的那个wp rc reply ajax跳转到评论,就修改插件function.php第142行,将get_permalink($comment->comment_post_ID) . "#comment-".$comment->comment_ID修改为get_comment_link($comment->comment_ID)即可

    • 静夜燃香 --#7

      @QiQiBoY
      可是这个没有输出页码,不在当页显示的评论没办法跳转的呀

    • QiQiBoY --#8

      @静夜燃香
      get_comment_link就是输出带评论页码的链接的 :grin:

    • 静夜燃香 --#9

      @QiQiBoY
      哈哈,搞定了,刚刚加错地方了……= =
      因为这边变成了隔行显示,所以它跑去了283行……

    • QiQiBoY --#10

      @静夜燃香
      :twisted: 。。。

  9. 羽中 -#29

    有点意思,话说ajax太多了也不好啊

  10. david -#30

    这个好像很方便哦。。支持下。

  11. Fanr -#31

    好强大!支持下……原生吧…..原生…

  12. zwwooooo -#32

    还是这里反馈吧)

    1.2.0本地测试结果:直接点击@回复时无限嵌套没有效果;点击进入单条评论时,无限嵌套正常。昨天说的直接点击@无效应该是跟我的jQ冲突,具体跟那里冲突就不知道了。

    • liuqiqi --#1

      @zwwooooo
      如果产生冲突,那应该是你在修改JS时去掉了我的JS外层闭包,你应该将我的代码放到独立的一个命名空间里。
      直接点击@回复没有嵌套的话,你可以使用firebug的控制台,提交回复后控制台会出现请求信息,你点击查看POST上去的数据中comment_parent这个字段中有没有值(不是0)。
      你先用未修改过的插件测试看上述问题存在不?
      如果还有问题,你最好提供一个线上的测试地址(比如你的用来展示主题预览的一个WP临时博客),我去测测看。。

    • zwwooooo --#2

      @liuqiqi
      我一开始是把你的js另外调用,现在恢复默认:
      1. 直接点击@不是没有嵌套,是无限嵌套无效,即我限制为2层,但恢复第2层会评论是在第3层
      2. 我只修改了functions.php里面的
      if($comment_depth < get_option('thread_comments_depth'))

      if($comment_depth < 2)//get_option('thread_comments_depth'))
      应该不会影响(因为我那要照顾5层内的评论显示,所以thread_comments_depth还是5)

    • liuqiqi --#3

      @zwwooooo
      我的线上测试地址http://www.qiqiboy.com/demo,我这里测试都是可以正常嵌套

    • liuqiqi --#4

      @zwwooooo
      原因找到了,是没有从数据库中取出comment_parent字段,你在function.php的122行加上这个字段就可以解决了,或者等一会儿插件会提示升级

    • zwwooooo --#5

      @liuqiqi
      囧~我刚要放弃……

    • zwwooooo --#6

      @zwwooooo
      已经ok鸟~

    • zwwooooo --#7

      @liuqiqi
      现在就是有个纳闷的冲突问题,刚进入首页,直接点击@没有翻译,浏览器url显示:http://zww.me/#rc_reply_comment,不知跟我的那个js冲突,如果你有空的话麻烦你帮我看看,我现在设置为任何人都可以见到这个最新评论:在侧边栏最上面那条横杠点一下。
      感谢!

    • QiQiBoY --#8

      @zwwooooo
      是因为你的主机将引号转义了,所以造成JS脚本未被执行,你将172行的所有双引号和单引号调换,就可以解决了。或者等十几分钟后再次下载插件1.2.2

    • zwwooooo --#9

      @QiQiBoY
      原来如此

    • QiQiBoY --#10

      @zwwooooo
      是在function.php的172行。
      插件没升级,等十几分钟后下载插件1.2.1

  13. kinghsu -#33

    熬。。。测试下看看

  14. zrqx008 -#34

    在阅读模式下看,文章排版有些问题

  15. 有点蓝 -#35

    哎呀我在用这个的时候opera又提示“SyntaxError: at line 2, column 5: expected ‘)’, got ‘style’error!”了,然后鼠标放到评论里一直忙碌状态,请问怎么解决啊。

  16. 秦大少 -#36

    支持个!
    不过我只想要在边栏显示最新回复的效果,如果能把博主自己的回复排除掉就好了。
    装你这个插件试试先!

  17. Air -#37

    建议添加设置实时显示的功能,这样就不用设置一次保存一下,刷新一次……
    而且我想让回复框始终出现,但是我做不到/.\

    • QiQiBoY --#1

      @Air
      设置只需后台设置好后点一次保存即可。。。。
      边栏总是挂着个回复框我觉得并不好看。

  18. chnmcy -#38

    不是代码高手
    所以这个布局不知道咋弄
    具体可以看一下小站
    怎样左对齐

  19. chnmcy -#39

    不好意思呀
    目前这个效果还是不行
    麻烦你可以看一下上面的相片
    那才算到最左边了

  20. chnmcy -#40

    不好意思添麻烦了
    之前无法访问是因为一首mp3耗尽了所有流量
    现在可以访问了

    • QiQiBoY --#1

      @chnmcy
      在你的style.css中添加以下代码.sidebar ul li ul li.rc_comment{
      padding-left:0;
      }
      .sidebar ul li ul#wp-rc-reply{
      padding-left:0px;
      }

  1. 推荐一个博主应该有的插件 » Winy Sky

    [...] 插件下载地址:官方目录  作者博客:详细说明 [...]

  2. 喜感的行程改变 – 静夜燃香

    [...] hs.graphicsDir = "http://freeyoru.com/wp-content/plugins/auto-highslide/highslide/graphics/"; hs.outlineType = "rounded-white"; hs.outlineWhileAnimating = true; hs.showCredits = false; var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-10781669-3']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl&#39; : 'http://www&#39 ;) + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); 留言簿关于链接相册音乐出行心情瞎侃生活吐槽新番折腾 关闭侧边栏 »»喜感的行程改变8. 26 2010《きみに触れた光》,来自《夏目友人帐 音乐集》,作曲家吉森信。音乐很长,7min。出彩的是后三分钟,最初我只评了4星,但到了后期果断改5星。夏目友人帐的音乐还是很不错滴,治愈系哦~~~动画也是很不错滴~~~应该属于和虫师的类型最为接近的吧~~ 上周预定的是要去Matlock,Derbyshire的达西先生家。但是,这几天天天下雨。那么美丽的地方,阴沉沉的天加时有时无的暴雨就不好了吧。于是放弃……bath远……Liverpool远……Cambridge大家都去过……Oxford她周五要去……Sheffiled不好……York只有个教堂……Leeds满街的医院……Coventry只有华威大学……Shrewsbury8月花卉节依然远……Birmingham工业城市……诺丁汉这个位置真尴尬。。。 离漂亮的地方不管东南西北都是3小时。。。。。。第一次决定去剑桥,我当时去的是阴天,偶尔下雨。亲爱的去的时候和下雪加冰雹各种冷……= = 票的时间都看差不多了,最后开始看天气预报的时候,又是下雨,还没Matlock天气好……——我上次剑桥又是下雪又是冰雹。。。。。。 这次要是再下雨就真的悲催了。。。 ——对啊,剑桥这么美的,就不要留下坚固的烂印象了吧= = ——呃。。。纠结。。。 英国最美好的逛的地方就是伦敦和南部了。。。唉。。。 ——摊手,你看到了,南部一直会下雨第二次决定去曼城,逛街,顺带去曼彻斯特联队的安联球场,然后美美的吃一顿回来。 开始看票,我了个去。我离诺丁汉只有20min火车,诺丁汉去曼城10磅,我去曼城要30磅,什么天理!就在俺研究怎么买个去诺丁汉的往返+诺丁汉↔曼城的往返省十几磅的车费时,亲爱的退缩了……——要不你明天来诺丁汉吃东西算了。。。。。。 ——噗= = 吃三顿……?= = 既然还么近…… (我承认就是我只想着吃了……= =最后,决定去Derby,离我们分别只有20多分钟。中午吃Nandos,晚上吃美心←中国自助。时间充足还可以坐公交到matlock。。。沿途风景巨美。。。于是定好行程~~~明儿就可以出发了。诡异的是Derby回拉夫堡唯独差8点多那趟,明明这个时间是最合适的……= =真是,相机的电池都检查过了,看来明儿用不上了,真沮丧……算了,逛街!!!大吃!!!——————ebay上挂的T恤快要卖出去了,我好欣慰……已经回答过顾客4个问题了,这个穿XL号的老外拜托你一定要和你的朋友买下来哦,我很尽职的回答你的问题了哦~~~——————答应qiqiboy推荐他的插件的,就是现在边栏很不起眼的那个评论,麻雀虽小功能俱全,能看全部评论,能翻页,能回复。哦,完美……大家可以感受,上下页的时候等于在刷新。唉,不想就这么敷衍了事的,但是晚了,下一次补篇长的,删了这个吧~~~嗯,插件地址送上~~插件发布:边栏最新评论及ajax回复——WP RC Reply AJAX我觉得我适合debug工作……事儿多……挑剔……= =懒得留言就拍拍手吧~拍手总次数 0  » 转载请注明来源:静夜燃香 » 《喜感的行程改变》 » 本文链接地址:http://freeyoru.com/?p=77283  » 订阅本站:http://freeyoru.com/?feed=rss2相关日志无相关日志Share and Enjoy! 作者: 漠寒 | 分类: 经常流水账« Sherlock 2010~The Blind Banker 暂无评论 [隐藏] | 直接留言添加评论 点击这里取消回复。 昵称(一定要填的) 邮箱(不会显示 , 但也一定要填的) 网站(没有也可以不填)/**/ 注册头像 您已输入 0 字 $(function(){var $comment=$('#comment');var $str=$('#str');var time;$comment.focus(function(){time=window.setInterval(substring,100);});function substring(){var val=$comment.val();var length=val.length;if($str.html()!=(length)){if(length==0){$("#wordcount")[0].firstChild.nodeValue="您已输入0";$str.html(length);}else{$("#wordcount")[0].firstChild.nodeValue="您已输入";$str.html(length);}}}}); [...]

  3. Widget Ajax评论查看+回复插件 – WP RC Reply AJAX 升到1.2.1

    [...] 新版本的插件相比较我在插件发布时在那篇《插件发布:边栏最新评论及ajax回复——WP RC Reply AJAX》一文中所列的功能,在继续保持原有功能的基础上,又新增添了以下功能: [...]

Leave a Reply

Hi , say something.

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