提升Wordpress用户体验的6个工具
现今的主题设计者大都比较关注视觉内容,在用户体验方面还不够深入(当然,有很多因素,通用化的主题不太容易加入交互性的设计)。用户体验说起来很玄妙,但设计者如果能将自己置身于用户一边,问题就不再那么飘渺了。问问自己,对 Wordpress 搭的 Blog 在细节上还有哪些不满意?
不同的人一定会有不同的答案。在 Shawn Blog,我用了很多 JS。除了好看之外,更主要的目的是为了增强访客的浏览体验。无论是平滑滚动,抑或是 loading 条,出发点皆始于访客。
也许 JS 对大部分人来说还有门槛,但以 Wordpress 本身的开放度和功能来说,即便要用到 JS,网上也有很多现成的代码。接下来我会推荐一些有助于增强 Wordpress 用户体验的插件,Hack 以及 JS。
插件:
1. Cos Custom
Cosbeta 做的一个 Wordpress 插件,具备很多独立的小功能,其中 My Comments 是有助于提升用户体验的部分。该功能帮助生成个性化的最近留言列表。例如我访问生活点滴,会在侧栏发现一个栏目叫做我的评论,里面是我近期在那里留言的汇总。
2. Wordpress UE
雪山飞猪改自名为 Landing site 的插件,能够根据用户类型和用户来源给用户显示不同的内容。例如针对从搜索引擎到来的用户,我们可以通过这个插件实现一些"神奇"的信息提示:你从 Google 找来的?订阅我的 Blog 吧!
启用该插件,鼠标指向评论用户名将弹出提示,内容包括他/她在本站的评论数量,最近评论过的文章,以及他/她在自己 Blog 上最新发表的文章名称和摘要。
Hack:
4. 访客Title: Wordpress 访客体验提升新方法
把访客的名字写到浏览器的 Title 里面去。
5. WordPress 上提高访客评论时的用户体验 (JS+CSS) / 隐藏 Wordpress 访客的资料框(需要jQuery框架)
针对"回头客"把评论框藏起来。
jQuery 插件:
该插件给 jQuery 增加了处理 Cookies 的能力。Cookies 是创作针对性内容的终极方式,你可以利用 Cookies 做计数器,记录用户的操作,然后根据用户的操作给出特殊的提示。Shawn Blog 用了该插件来针对"浏览本站5次以上却没有评论过"的用户(如果你有兴趣看看是怎样的,可以删除 Shawn Blog 的 Cookies,然后随便刷新 5+ 次单篇文章页面)。
目前我能想到的小工具就这么多,日后发现新的会再做介绍,如果你有关于提高用户体验的绝妙想法和内容,希望能够告诉我,大家共同进步。
Update: 我错了,我不该改动,我改动了还没注意 URL 也变动了,害你读两遍,我真不应该。。。

最近一段,你的Wordpress专题很高产啊,质量很高!
想不到...霸位
用户体验这东西太很难说清了
快速浏览一次就... 唉
嘿嘿,今天沙发没人抢。我博客的浏览体验做的很少,就是喜欢看起来干净整洁的页面
@niechen: 最近我确实很高产,我要求自己每日一篇。。。。干净整洁和体验是一致的,可以加入一些交互和细节上的东西。
@MY-Hou: 没事,沙发不重要,哈哈。
我刚增加了副导航...
@Yacca: 我看见了,就是放在那里有些影响 SEO。。。
用用看哦~不错的插件
以后私聊了,画图画得要吐血了。
不错,学习!
话说我在GR里面看到两篇这样的文章,还以为是你重发的呢~~
原来是...
@Elton Disney: 改了下标题,结果 URL 也跟着改了。。。GR 变得太敏感也不好。
@Shawn: 我的greader不敏感了,一篇日志居然要等10来20分钟,以前可是几秒钟呢
@cosbeta: 告诉你的方法。先用 GR 订阅自己的 Blog,写完一篇文章立刻去 Refresh,自己的更新了,别人的 Google Reader 里你的 Blog 也立刻会更新。。。
学习jQuery
@Shawn: 问题是我自己refresh都不更新呢,晕,难不成要 url?random的方式更新?
@cosbeta: 你那样别人的更新不了。GR会认成新的 Feed。关键是,你用 Feedburner 托管的Feed更新了吗?如果Feedburner变慢,GR更新慢就正常了。我用的是原始的 RSS 输出,基本是同步的。
@Shawn: 测试了,RSS源没有任何问题,feedburner feedproxy都是同事的,但是reader滞后 一直想不明白,而且已经持续一周多了
一个都没用过,貌似很强大的啊
隐藏 Wordpress 访客的资料框的方法确实很赞,感谢原作者
测试一下
一不小心就发现你更新2篇了,我只想留个言,没其它意思... ...
我对ue很有爱……回头考虑下
这个有意思 ..
没看见上次跟你提的"@"预览 ..
这篇文章的标题里的 wordpress,你没用空格隔开 ..
@k2max: @ 预览实在是一项工程。要 css 和 jQuery 配合才行,看来明后天我还是直接把代码给出来吧,大致讲一下使用方法就好。
空格我忘了。。。
恩,直接贴代码就好。
明白的不用说都会明白,不明白的你一篇文章也很难说明白。
不明白的自然会在评论里问。
到时你有的忙了..
@k2max: 算了,想想都恐怖,你上 Gtalk 我给你吧。。。。
一直想尝试把 WordPress UE 改成 JS 版本,但是 JS 不是很懂,没有成功。
另外一个小小的建议,其实正文中所有的链接都是 nofollow 有时候反而不利于 SEO。
@Denis: UE 用 PHP 就很好,js 好多人都为了速度而拒绝增加。
页面本身就有很多 nofollow,所以其实影响不大, wikipedia 正文的链接都是 nofollow。
@流星: 我的头像哪里去了……我又gava头像的啊……
想了想,还得要留言,因为我知道过不了多久,我将会发现这样的文章被多次转载。那时候,我登陆wp后台的时候,就会发现来的链接中有很多类似“提升Wordpress用户体验的6个工具……”的字样
@Yacca: 呃...待会我把更新发了,你过来指正一下,哈哈...feed指向二级域名了,得看看feedburner和feedsky能不能从feed.eemir3.com抓取.
等流量上了,再来搞搞用户体验
@cosbeta: ???不懂。。。
@流星: 我在 http://en.gravatar.com/site/check
检查了你的邮件地址,没有头像。。。
@Shawn: 哈哈,好的 ..
@煎鱼: 不搞好用户体验,流量又怎么会上?
确实都非常实用,多谢Shawn推荐。
总觉得插件太多不是什么好事儿,如果有一个插件把这些功能全集中了多好,YY中.....
我要死了,睡了。
眼都花了
来晚了 来晚了。刚做完一个presentation,终于有空了。
提升访客体验一般都是从细微处着手,这要看必要与否啦。比如评论textform下的须知吧,很多人乍一看会头晕的,嘿嘿。
报告一个bug。
环境:mac os x, firefox 3.
表现:点击发送评论后无法跳转。
提示:
warning: require_once(wp-admin/includes/bookmark.php) [function.require-once]: failed to open stream: No such file or directory in /home/shawn/public_html/wp-content/plugins/hot-friends/hot_friends_functions.php on line 270.
Fatal error: require_once() [function.require]: Failed opening required 'wp-admin/includes/bookmark.php' (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/shawn/public_html/wp-content/plugins/hot-friends/hot_friends_functions.php on line 270
@Shawn: 也给我份吧,哈哈!我也研究下!!
@火星基地: 谢谢:)我昨天新启用一个插件,貌似和我自己的 Hack 有冲突,现在已经禁用插件了。好了。
恩,很好,收藏了。
@Shawn:
好东西要搞出来分享哈
cosbeta的插件比较有意思~
怪不得你的博客上有那么多好玩的小功能!
@浮黑: 呵呵,经常找好东西玩儿有好处的。
tag了,不错的东东。
呃...我不留言都不行..它提示我了..这个功能好!!!
我想知道移动到@xxx 弹出的效果是怎么做的。。
@Leeiio: 我也想知道,是插件?还是自己做的模板有这个功能?
虽然我是WP初学者,但是WP能够最终出色得表现出质量高的人性化体验才是我喜欢上的理由。慢慢学习。就算我不懂做模板,也可以通过修改我喜欢的模板,将其最终完善出希望得到的所有功能。
怪不得我上次用朋友iphone浏览你的文章10几分钟后提示我要订阅否~~
又换皮了,用户体验更好了。尤其是那个“鼠标移至评论列表中的 @someone: 区域即可自动显示 someone 的评论内容。”的浅绿色透明框框,这个什么时候做个教程啊?
建议再来个留言修改,