增强 WordPress 评论功能,提高访客体验
昨晚开始对主题进行新一轮的折腾。
主要是针对评论部分的改进,WordPress 评论功能增强和提高体验等方面都有。
大多数功能都是在朋友们的博客上可以见到的,向各位学习了。
现在我们来看看效果,发现问题的话请指出。
效果总览:
给 Wp 评论框添加格式化编辑器
很多论坛的回复框都带有简易编辑器,在博客评论框也加上会带来方便吧。
根据 qiqiboy 的这篇:为评论框添加文字格式化编辑器,先来加上几个常用的标签。
不过 WordPress 默认是注册用户才能在评论中插入图片,这个就不好玩了。
于是根据这篇:让评论可以插入图片,更改文字大小、颜色,再折腾了下,非登录用户也可以插入图片了。
由于大小不统一的字体和五颜六色容易让人烦躁,就没有加上去。
但利用这个方法添加了插入 opera:config 链接和按钮的功能。(Opbut 按钮还没弄好,输入带有特殊符号的命令,生成的链接会出错。囧)。
对不同用户显示特定表单
这和以前的区别就是:对于发表过评论的用户,直接显示头像和用户名,隐藏资料输入框(当然,可以更改)。
相信这能在一定程度上提高用访客体验。
这是通过 cookies 判断和用 jQuery 隐藏老访客资料输入框来实现,代码和方法是在 willin 的 A9 主题中挖掘的。
在相关的 JS 没有载入之前还是能看到那几个框的,不过这是小问题了。
显示访客最近评论次数
比较有趣的小功能,可能会稍微提高访客评论的积极性。
而且因为上面折腾了评论者头像显示,多加点信息看着比较好。效果见上面的图。
方法来自 winy 同学,WordPress显示最近评论次数。
其他改进
WordPress 内置嵌套回复 Ajax comments 更新到 1.30
虽然蛮早之前就有了,但一直停在 1.29没有更新。这次顺手而已。
用了新函数 get_post_status_object(), 只能在 WP 3.0 以上使用.
默认使用 “再编辑” 功能, 如果不想使用, 请打开 comments-ajax.js 看第 10 行说明.
详见:WordPress 内置嵌套评论专用 Ajax comments
更新了给 WordPress 评论添加楼层号的代码
之前的那段代码导致数据库查询数过多,囧
在上一篇折腾评论的文章介绍过,建议同学们更新:只在WP主评论加上楼层号的方法(支持评论分页)
zww 是个负责任的大叔。我也要配合嘛。
取消的评论功能
- 去掉了整条评论引用功能。嘛,因为是嵌套回复,需要引用整条评论的很少。
- 去掉了评论框文字计数器。本来就是没作用的,看腻了就算。
评论样式和效果修改
- 美化了悬浮显示评论的样式
鼠标移到 @用户 悬浮显示该用户的评论,这个功能虽然对于用嵌套的作用不大,不过改成无限嵌套之后能让评论层次稍微清楚一点。
代码量不大也就一直留着,优化下样式当成装饰也是不错的。

- 稍微修改了提交评论之后的效果,更有动感的说。
- 评论样式微调,突出评论者的链接,取消回复的按钮移到右下角。
后记
还有一点是在我折腾的时候想的。
由于加上了快速标签,表情按钮就得挪地方了。
于是决定了放在评论框下面,依然采用一整排全部列出的方式。
这布局虽然不是很好看,但作为一个懒人,我不允许在自己的博客上插入一个表情要点两下鼠标。
提高访客体验是永远的追求,评论功能是其中很重要的部分。共勉之~
» 转载请以超链接形式注明来源:A.shun Blog » 《增强 WordPress 评论功能,提高访客体验》
» 本文链接地址:http://www.a-shun.com/archives/21422.html






我没更新太多天了…
@睡到自然醒 卡
shun真是太勤快了,又折腾blog了~~
shun~有没有评论增强的插件介绍一下呢~
jquery太帅了,特别是那个链接渐变,回头研究一下 ~
看看能不能弄个通用,而不是渐变到特定颜色的。。
@小邪 链接渐变?
那个啊。不是js来着。CSS3: transition
@A.shun
囧,杯具了杯具了。。
折磨一下你的评论系统……
@天毅 BSD在我这也很少见呢
用手机折腾一下你的评论系统……
@天毅 你还有9700
,羡慕
@A.shun 我有黑莓8700,只不过改了一下ua而已
来扮演一下蜘蛛,看看蜘蛛是什么感觉
用回我熟悉的opera……
继续支持下,改进的相当不错啊
不错的功能。可惜我用不上。
优化了不少呀….这样的主题都可以拿出来卖钱了呀.什么时候有空也帮我做一个.什么样呀.
@ptubuntu 不卖,呵呵。
也没有那个本事。
折腾只是为了个性嘛。
看来我已经一个多月没来过了。( ̄_ ̄|||)
呵呵,那个评论次数我也加了
@老饕 大家都加比较有意思
现在最近评论数挺有意思
我居然10天没更新了…………..
@derek 你比我还懒呢- -
博客好漂亮,第一次来这里,留个记号。
楼层多的的确需要增加这些功能
总结的很不错,谢谢了,正好准备改改评论部分的体验 – - 似乎偶的站内的评论是少了点 囧 偶那边IE6下还有点破相 囧
@seri 谢谢夸~
刚刚看了一下你那边,太赞了。设计感比我好多了
IE6下也没啥大问题,少了一些效果,出现了横向滚动条。
其他一切正常。
有这个激情折腾就很不错的了,还整的那么好。
有什么不一样呢啊
哎呀我都好久没写了,不搞这个留言的
嗯。这个留言次数还是有点意思。
很好,这些体验都不错
我最近都没怎么折腾,有点OUT了。
你的标题渐变,评论滑动都很帅呢。
折腾吧…
这个功能好啊
我再试试,没找到有这个功能的页面,希望不要被当成广告
@希锐亚 哪个功能?
你这评论的样式已近乎完美了,啥时候自己不用了,放出来让我们使用吧?……哈哈。
搭个车测试下
很多要借用下了!谢谢了
很全面的评论增强功能汇总贴。不过,评论的多少还是和文章质量、更新频率关系更密切些。
@不羡鱼 恩,我的更新频率很低的说。
我也看了QIQIBOY的那篇加编辑器的文章,不懂那些代码该加在哪里。。楼主可以指教下吗?
我的怎么不行的,已经添加了代码
功能可真多,不知道为什么访客隐藏折腾不好。
求解为Ajax comments评论增加楼层的方法。
@Allan 文章中有方法的链接啊
测试下这个评论插件
表情图片不错啊,很喜欢,也想搞一个,不知道哪里下载这套图?
好东西啊
这个很不错~
test……

haha