Go to comments ↓ Home » Blog

增强 WordPress 评论功能,提高访客体验

Wordpress我居然一周没更新了,好吧,最近有点懒。

昨晚开始对主题进行新一轮的折腾。
主要是针对评论部分的改进,WordPress 评论功能增强提高体验等方面都有。

大多数功能都是在朋友们的博客上可以见到的,向各位学习了。
现在我们来看看效果,发现问题的话请指出。
效果总览:

增强 WordPress 评论功能

给 Wp 评论框添加格式化编辑器

很多论坛的回复框都带有简易编辑器,在博客评论框也加上会带来方便吧。
根据 qiqiboy 的这篇:为评论框添加文字格式化编辑器,先来加上几个常用的标签。

不过 WordPress 默认是注册用户才能在评论中插入图片,这个就不好玩了。
于是根据这篇:让评论可以插入图片,更改文字大小、颜色,再折腾了下,非登录用户也可以插入图片了。

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 评论功能,提高访客体验》
» 本文链接地址:https://shun.im/21422

» 本文采用 BY-NC-SA 协议进行授权。
» 建议通过 Rss( Feedly | Feedburner | Feedsky )方式及时获取更新。
  1. 哎呀我都好久没写了,不搞这个留言的

    Google Chrome 6.0.483.0 Google Chrome 6.0.483.0 Windows XP Windows XP
    #1
    @
  2. 嗯。这个留言次数还是有点意思。

    Firefox 3.6.12 Firefox 3.6.12 Windows 7 Windows 7
    #2
    @
  3. 很好,这些体验都不错 😛

    Firefox 3.6.12 Firefox 3.6.12 Windows XP Windows XP
    #3
    @
  4. 我最近都没怎么折腾,有点OUT了。
    你的标题渐变,评论滑动都很帅呢。

    Google Chrome 9.0.576.0 Google Chrome 9.0.576.0 Windows 7 Windows 7
    #4
    @
  5. 折腾吧…

    Firefox 3.6.12 Firefox 3.6.12 Windows XP Windows XP
    #5
    @
  6. 希锐亚

    这个功能好啊

    Firefox 3.6 Firefox 3.6 Mac OS X  10.5 Mac OS X 10.5
    #6
    @
  7. 希锐亚

    我再试试,没找到有这个功能的页面,希望不要被当成广告 ❗

    Firefox 3.6 Firefox 3.6 Unknown Unknown
    #7
    @
  8. 你这评论的样式已近乎完美了,啥时候自己不用了,放出来让我们使用吧?……哈哈。

    Google Chrome 8.0.552.215 Google Chrome 8.0.552.215 Windows 7 Windows 7
    #8
    @
  9. Kusanagi

    搭个车测试下 👿

    Google Chrome 10.0.625.0 Google Chrome 10.0.625.0 Windows 7 Windows 7
    #9
    @
  10. 很多要借用下了!谢谢了

    Google Chrome 10.0.612.3 Google Chrome 10.0.612.3 Windows 7 Windows 7
    #10
    @
  11. 很全面的评论增强功能汇总贴。不过,评论的多少还是和文章质量、更新频率关系更密切些。 😛

    Internet Explorer 7.0 Internet Explorer 7.0 Windows XP Windows XP
    #11
    @
  12. kaygreat

    我也看了QIQIBOY的那篇加编辑器的文章,不懂那些代码该加在哪里。。楼主可以指教下吗? ❗

    Google Chrome 7.0.517.44 Google Chrome 7.0.517.44 Windows 7 Windows 7
    #12
    @
  13. 我的怎么不行的,已经添加了代码 ❓

    ChromePlus 1.5.2.0 ChromePlus 1.5.2.0 Windows 7 Windows 7
    #13
    @
  14. 功能可真多,不知道为什么访客隐藏折腾不好。

    TheWorld Browser TheWorld Browser Windows XP Windows XP
    #14
    @
  15. 求解为Ajax comments评论增加楼层的方法。

    Firefox 4.0 Firefox 4.0 Windows XP Windows XP
    #15
    @
  16. 测试下这个评论插件 ❗

    Google Chrome 11.0.696.34 Google Chrome 11.0.696.34 Windows 7 x64 Edition Windows 7 x64 Edition
    #16
    @
  17. 表情图片不错啊,很喜欢,也想搞一个,不知道哪里下载这套图?

    Google Chrome 11.0.696.71 Google Chrome 11.0.696.71 Windows XP Windows XP
    #17
    @
  18. 好东西啊

    Firefox 5.0 Firefox 5.0 GNU/Linux GNU/Linux
    #18
    @
  19. 这个很不错~

    Google Chrome 12.0.742.122 Google Chrome 12.0.742.122 Windows 7 x64 Edition Windows 7 x64 Edition
    #19
    @
  20. 宅之记事本

    test……
    haha

    😆 😆 😮

    Firefox 5.0 Firefox 5.0 GNU/Linux GNU/Linux
    #20
    @
  21. 这真不是一个小动作!你的改动超级多。学习中! 💡

    Google Chrome 17.0.963.56 Google Chrome 17.0.963.56 Windows XP Windows XP
    #21
    @
  22. 😆 好文。。看来以后要多来学习了。

    Google Chrome 18.0.1025.162 Google Chrome 18.0.1025.162 Windows 7 Windows 7
    #22
    @
  23. jjjjjjj

    Google Chrome 35.0.1916.153 Google Chrome 35.0.1916.153 Windows 8.1 x64 Edition Windows 8.1 x64 Edition
    #23
    @
  24. 试一下!

    Firefox 31.0 Firefox 31.0 Windows 8.1 x64 Edition Windows 8.1 x64 Edition
    #24
    @
Leave a Reply

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