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 评论功能,提高访客体验》
» 本文链接地址:http://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
    @
  25. 天龙开服-奇迹Mu开服-魔兽开服-魔域开服-墨香开服
    天堂2开服-传奇3开服-英雄王座开服-千年开服-征途开服
    新魔界开服-骑士开服-烈焰开服-破天开服-决战开服
    美丽世界开服-乱勇OL开服-倚天2开服-完美世界开服-征服开服
    天堂开服-传世开服-真封神开服-劲舞团开服-天上碑开服
    永恒之塔开服-仙境RO开服-诛仙开服-神泣开服-石器开服
    冒险岛开服-惊天动地开服-热血江湖开服-问道开服-密传开服
    火线任务(Heat Project)开服-飞飞OL开服-洛汗开服-天之炼狱开服
    丝路传说开服-大话西游开服-蜀门开服-机战开服-剑侠情缘开服
    绝对女神开服-传说OL开服-刀剑开服-弹弹堂开服-科洛斯开服
    魔力宝贝开服-武林外传开服-网页游戏开服-页游开服-希望OL开服
    成吉思汗开服-剑侠世界开服-全民奇迹开服-挑战OL开服
    红月开服-十二之天(江湖OL)开服-倚天开服-dnf开服

    很多第一次想开F的客户,基本都是发一个版本给我们,问我们有没有这样的版本
    首先我们申明,版本都是要进行修改的,因为每个GM都有自己的想法和设计
    不可能有一模一样的版本,只能进行修改和制作后才能做到相同.
    关于私服,我们可以模仿做任何版本,这个是肯定不可争议的.本团队正规公司化运营,拥有自己的专业技术团队,合理的价格。
    专业诚信为您量身定做独家专业的网络游戏,打造属于自己的网络私F,圆您一个GM梦想.

    Google Chrome 83.0.4103.61 Google Chrome 83.0.4103.61 Windows 10 Windows 10
    #25
    @
  26. 天龙私服服务端-奇迹Mu私服服务端-魔兽私服服务端-魔域私服服务端-墨香私服服务端
    天堂2私服服务端-传奇3私服服务端-英雄王座私服服务端-千年私服服务端-征途私服服务端
    新魔界私服服务端-骑士私服服务端-烈焰私服服务端-破天私服服务端-决战私服服务端
    美丽世界私服服务端-乱勇OL私服服务端-倚天2私服服务端-完美世界私服服务端-征服私服服务端
    天堂私服服务端-传世私服服务端-真封神私服服务端-劲舞团私服服务端-天上碑私服服务端
    永恒之塔私服服务端-仙境RO私服服务端-诛仙私服服务端-神泣私服服务端-石器私服服务端
    冒险岛私服服务端-惊天动地私服服务端-热血江湖私服服务端-问道私服服务端-密传私服服务端
    火线任务(Heat Project)私服服务端-飞飞OL私服服务端-洛汗私服服务端-天之炼狱私服服务端
    丝路传说私服服务端-大话西游私服服务端-蜀门私服服务端-机战私服服务端-剑侠情缘私服服务端
    绝对女神私服服务端-传说OL私服服务端-刀剑私服服务端-弹弹堂私服服务端-科洛斯私服服务端
    魔力宝贝私服服务端-武林外传私服服务端-网页游戏私服服务端-页游私服服务端-希望OL私服服务端
    成吉思汗私服服务端-剑侠世界私服服务端-全民奇迹私服服务端-挑战OL私服服务端
    红月私服服务端-十二之天(江湖OL)私服服务端-倚天私服服务端-dnf私服服务端

    您是不是很想开SF当GM过过瘾?您是不是很想开SF赚大笔的钱?
    您是不是很想开SF但无从下手?您是不是觉得开SF一定很神秘?
    您开SF的时候是不是常被攻击?您开SF是不是每次都没几个人?
    这一切一切的问题,万联科技都将为您解决 !
    万联网络是运营超过3年历史,最专业的数据服务提供商,在
    全国与多家的大型正规数据服务商合作,可以满足国内不同客户
    不同的带宽需求。

    Google Chrome 83.0.4086.0 Google Chrome 83.0.4086.0 Windows 10 Windows 10
    #26
    @
Leave a Reply

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