前两天,一个很好的朋友向我抱怨我博客评论功能的用户体贴不好:

晕死了!刚刚看你的博客,突然心血来潮想写篇小评论,大概写了几百字。结果我一按发送后居然显示错误。什么都没有了!!……再也没有动力了……今天晚上算是毁了……气死了,今后不评了……我这个星期都不要看到它!!

经过询问,了解到原来她没有在博客留言的必填项中(邮箱)填写内容。那个提示是英文的,稍微不注意,就会将wordpress评论的必填项错过。并且点击发布后,直接刷新为空白了……

英文评论

我非常懊恼,马上向她道歉,并对 wordpress 后台 comments.php 评论代码进行了修改,对提示语言进行了汉化…方法很简单,在 comments.php 中查找  required ,将其修改为“必填”,同理,找到对应的英文,修改成中文即可。虽然这是很简单的事情,但由于之前疏于修改,才引发了这样的惨剧。当然,我知道这还远远不够,因为还有很多可以提高用户体验的工作可以做:

1、当你少填了东西,他会提示你必填某项,而非直接将填写的内容清空;

2、如果是长留言,能够自动保存留言;

3、留言后,留言板登录样式自动隐藏;

4、更有趣更搞笑的留言提示,以吊起读者留言的兴趣;

5、可以插入表情;

6、其他更好的用户体验相关……

虽然网上能找到部分提高 wordpress 博客评论功能的用户体验的相关文章,但我还没有看到一个完整系统的总结。于是在 wordpress 中文论坛发贴求助,同时,有空我也会一一查找答案,并落实下来,争取贴出来与需要的朋友们分享。

===================  一年后的分割线 ====================

wordpress博客的评论功能用户体验问题一年前就提出,今天总结2点改进,包括对源码的直接汉化修改,以及插件的使用。

对wordpress博客评论的源码的汉化

这部分实际上非常简单,但很多同学在更换wordpress主题后并未及时汉化评论内容,这会对英文不好的朋友造成一定困扰。对评论的汉化实际上是非常重要的,因为这是读者与博客交互的衔接点。

过程:打开wordpress后台的主题-编辑,在评论 (comments.php)模板找到如下代码,将汉字位置的英文替换车你需要的提示即可(这是我汉化后的评论代码):

<p><input type=”text” name=”author” id=”author” value=”<?php echo $comment_author; ?>” size=”25″ tabindex=”1″ />
<label for=”author”>您的大名 <?php if ($req) echo “(必填!)”; ?></label></p>

<p><input type=”text” name=”email” id=”email” value=”<?php echo $comment_author_email; ?>” size=”25″ tabindex=”2″ />
<label for=”email”>您的电子信箱 <?php if ($req) echo “(必填!)”; ?></label></p>

<p><input type=”text” name=”url” id=”url” value=”<?php echo $comment_author_url; ?>” size=”25″ tabindex=”3″ />
<label for=”url”>您的网站</label></p>

提高wordpress博客评论功能的用户体验的插件

目前我唯一在用的wordpress评论插件就是Wordpress Thread Comment,这款评论插件除了兼容 W3C 支持,无需对主题进行修改外,最大的特色是可以嵌套或成串显示相关评论,并可以实现AJAX 的无刷新评论。

其实除此之外,我希望找到和发掘更多有利于用户体验的wordpress必备插件,涉及评论的比如“评论可在一定时间内修改”、“记住cookie,下次访问评论可直接发布不用填写用户名”、“有趣的表情”等,但需要注意的是,过多的插件不利于网站的速度,所以有时需要在方便与快捷之间做出选择。

wordpress边栏最新评论不显示作者自己

回复访客留言对博客作者来说是一件必不可少的事情,但如果你回复过多,wordpress边栏将显示一凭自己的评论,这是很令人恼火的。使最新评论处不显示作者评论的方法如下:

1.登录cpanel或打开博客空间的ftp,找到wp-includes/default-widgets.php;

2.进入编辑,找到637行;

3.将

AND post_status = ‘publish’ ORDER BY comment_date_gmt DESC

改为

AND post_status = ‘publish’ AND user_id = 0 ORDER BY comment_date_gmt DESC

4.保存并刷新你的wordpress博客查看效果。

需要说明的是,“AND user_id = 0”指仅显示游客的评论。如果你的用户登录了博客并发表了评论,则不能在边栏显示该用户的评论。对于大多数博客而言,这样的修改足够满足需求了。

分类:wordpress 发布日期:二月 17th, 2009. 4 Comments.1,169 views

zoundry raven 是一款非常强大的博客离线发布工具,我在对比了 windows live writer 等离线客户端后,决定尝试使用 zoundry raven,并在需要时使用该客户端发布我的博客。毕竟 wordpress 的后台太慢了,对于我这样的慢性子而言都已经无法忍受。并且zoundry raven 的编写系统也足够强大易用。

zoundry raven 为需要的客户提供免费的下载服务,如果你也需要,不妨试试。

但是在我安装 zoundry raven 的过程中,输入帐号密码后出现”error fetching list of blogs”,链接错误?输错密码?我一头雾水下,在网上查阅了一些资料,发现原来是个很简单的问题。

zoundry raven 安装

原来,wordpress 2.6版本之后,系统默认设置”不支持远程发布”。这时只需要进入系统后台,找到设置 – 撰写 – 远程发布,将XML-RPC后的对勾打上即可。

再次输入 zoundry raven 登录名(随意),wordpress后台登录名和密码,连接成功!问题圆满解决了。本文用 zoundry raven 发布。

ps.实际上,本篇经过zoundry raven发布时,我是设置为“发送到草稿”,随后登录 wordpress 进行二次编辑的。修改的内容包括:URL链接;图像名称;ping网站;重建sitemap等。另外,我发现分类目录无法正常设置为所需分类,难道是我设置为草稿的缘故?我会继续测试的。

分类:工具 发布日期:二月 12th, 2009. 2 Comments.1,972 views

今日又接到项目,手绘整个流程图后,想把关键部分在RTX上发给老大看看,于是不得不使用 Office Visio 流程图工具解决。其实我不爽这个软件很久了,但又没有什么合适的替代品,所以每当画web流程图时,都十分无奈。先贴出刚出炉的部分流程:

流程图

其中关键部分由于涉及商业机密,这里用简单英文替代了。不爽的原因如下:

1、Visio流程图的默认汉字字符为8pt,而默认页面显示宽度为75%,这就意味着,除非每次都调整设置一下,不然在进程框中输入的汉字基本是看不清的…囧。当然,通过“工具-选项”的高级设置,默认值是可以修改的,但相信90%以上的人都没有想到,或不知道在哪。实际上,汉字大小需要调整到12pt才能看清(你能看清上图中的汉字么?);

2、页面和字体小就算了,流程图的背景还是可恶的小方格,小方格就算了,流程框的背景颜色还是灰色。我不能确定这样的设计是否符合 W3C 标准,但我认为这种颜色的设计可用性并不好,如果谁有兴趣,可以用对比度分析器来检测一下。如果Visio只是一个很平凡的软件,或许我不会如此吹毛求疵,但很可惜,它是微软设计的(Visio 2007中,这SB的小方格设计终于被抛弃了);

3、Visio默认的背景纸太小了,或许可以理解为只有一张A4纸大小。在我绘制复杂产品的流程图时,这种问题就更加凸显,我不得不将一个完整的流程分割成若干分项流程,除非我放弃使用Visio。实际遇到这种情况时,我也的确是这么做的;

4、版权问题。随着微软打击盗版的力度加大,很多企业已经卸载了Office产品,转而使用金山的WPS,如果使用正版,你需要付出不菲的代价;

visio价格

当然,我并是不是说用 Visio 画流程图是一无是处的,毕竟它主要的作用就是如此。同时,相对于其他乱七八糟的流程图设计工具而言,很多功能细节处理都是非常到位的。所以,如果有数据能证明用 Visio 画流程图的人占绝大多数时,我一点也不会惊讶(不考虑版权因素)。比如 Visio 在流程模块拖放时的参考线处理、连接线的自动对齐处理、以及将 Visio 流程图导入到 Word 中是如此方便,甚至可以在 Word 中直接对流程图进行修改和完善,这一点是其他流程图软件不可比拟的。

如何使用 Visio 画 Web 流程图呢?网上有很多这方面的资料,我推荐千鸟的一个 Visio 流程图基础性总结。当然,除了 Visio,还有很多工具能够画好流程图,这些工具在不同情况下有着不同的作用,也都有自己的局限性。在这里给大家推荐几个我经常用的:

1、纸和笔
没有比灵光一闪再珍贵的创意,没有比挥洒自如更好用的工具;所以纸和笔是思考产品结构、框架、流程最好的伙伴。刚入道时,我也十分迷信美观、工整、专业的流程图,但实际上,使用软件的效率还没有纸笔的十分之一。毕竟在流程构思的最初阶段,我们需要的是“如何设计”,而非“如何展现”。最初阶段,好的创意和设计是需要大胆涂抹和随心修改的,所以纸和笔是这个阶段最好的工具。缺点是保真度不高,难以表述复杂流程细节;

2、Axure RP
axure流程工具
Axure 是在 Web 产品经理中使用率最高的软件之一,主要作用是帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。Axure 的流程图模块非常简单,但却十分高效。结合产品原型DEMO展示时,有着非常好的效果。不足之处就是对中文的支持不够良好,并且流程框之间的连线没有 Visio 智能。但毕竟 Axure 并非是专门为流程图而设计,这里推荐一整套Axure原创教程,第六篇详细介绍了流程图模块,我曾经就是看着这套教程学习的,感谢作者 hawking。同时,UCDChina有一个专题,介绍和分析 Axure 相关,是很好的参考资料;

3、Photoshop
Photoshop 是专业的图像处理软件,拿来画流程图自然是小菜一碟。她能够处理十分复杂的流程图,而不受流程图设计软件规则的约束;当然,Photoshop 还能设计出非常美观甚至华丽的流程图。但问题的关键在于,流程图的价值在于为了简单清晰地表示一个流程。虽然Visio的流程图很丑陋,但不可否认,它足够简单。实际上,在画流程图上浪费过多的时间是没有必要的。当然,如果你的 Photoshop 功底还不错,或者说非常习惯并依赖 Photoshop,那么在处理复杂流程时还是可以用的,特别是将流程模块整合进画笔后,PS是十分强大的。但我总觉得有一点大炮打蚊子的感觉,所以处理流程时我只用过一次;

4、其它工具
PPT、Word、Dreamweave、CorelDraw…这些东西,其实都可以拿来用,但毕竟不那么专业。当然,主要还是习惯问题。一个专业的需求设计者或者UI基本是不会用这些工具来处理流程图的;

最后,我想说说 OmniGraffle。在看到 Felix Ding 的这篇被转贴无数的“画Web流程图的一点心得”之前,我甚至还不知道这个苹果主机上的软件,了解后才发现,这不就是我梦寐以求的流程图设计工具么?!Felix Ding 给 OmniGraffle 的评价是:最好的原型和流程图绘制工具。可惜我用的还是PC机,如果MAC兼容性在好一点,说不定我也去买个苹果小白了……怨念啊……

mac流程图工具

用 Visio 画 web 流程图虽然是无奈之选,但毕竟大家都在用,并且也没有什么更合适的软件了。虽然没用过 office Visio 2007,但我更更期待有个能与 Visio 媲美的,与 OmniGraffle 一样强大的PC机流程图软件出现,最好不用担心版权问题,有这样的软件么?

ps.晚上在家发布本文时,以上问题收到了 Felix Ding 的回复:

Felix Ding 回复如果您也有类似的推荐,烦劳告知我,不甚感激!

分类:工具 发布日期:二月 12th, 2009. 11 Comments.8,625 views

今日泡论坛遇到有哥们问:如何在 wordpress 博客中插入 youtube 视频的问题。他的情况是插入后视频无法打开。

实际上,在 wordpress 博客中插入视频并不难,之前我贴出了一个奥巴马就职演讲的视频以及地球熄灯一小时活动视频,效果都还是非常不错的,并且没有使用任何插件。当然,网上有很多这方面的插件,但是 wordpress 已经拥有了足够强大易用的后台编辑程序,为什么还要用插件来占用宝贵的系统资源呢?好了,废话就到这里,进入正题:

1、在 youtube 找到一部你想插入的视频;比如童声合唱《草泥马之歌》;(已经被河蟹)

2、在视频右侧找到该视频网址;这个草泥马的视频网址是<http://www.youtube.com/watch?v=O3tPA_Z_MT0>;

3、将网址中的“watch?”删除,并在“v”后的“=”变为“/”,处理后为<http://www.youtube.com/v/O3tPA_Z_MT0>;

4、在 wordpress 后台你需要的文章处点击“插入/编辑内嵌媒体”,并将处理后的视频地址粘贴进去;

5;根据需要进行大小等细节调整,一般是480×385;

ok!大功告成!如果不放心,可以先保存为草稿,然后再发布上方点击“预览”查看效果。如何?是不是很简单?下面欣赏一下刚刚插入的这段上周在 mop 无比火爆的四大神兽之一的草泥马视频吧!

来自 youtube 的“草泥马之歌”:(已经被河蟹)

来自土豆的“马勒戈壁上草泥马的故事”(土豆的视频很好插入,格式不用修改)(已经被河蟹)

如果这两段视频什么时候被和谐了,以致无法观看,请及时通知我-_-!(河蟹太强大了-_-!)

鉴于本文所示的视频已经被河蟹,视频网站youtube也被墙,因此说明一下如何在wordpress博客中插入优酷youku视频的方法:

1.点击你想插入的优酷视频下的“分享”,复制html代码如下:

<embed src=”http://player.youku.com/player.php/sid/XMzM4ODM3Mjg=/v.swf” quality=”high” width=”480″ height=”400″ align=”middle” allowScriptAccess=”sameDomain” type=”application/x-shockwave-flash”></embed>

2.在wordpress博客编辑栏点击“可视化”右侧的“HTML”并将以上代码部分放在你想放的位置,为了美观,在代码上下段插入分段标签;

<p>

<需要插入的代码!>

<p>

3.返回可视化,点击“预览”可预览效果,或者可以对代码的大小进行微调(quality=”high” width=”480″ height=”400″ align=”middle”)或可以直接点击发布即可。

看下优酷youku发布的“《走向共和》最后一集被CCTV删掉的孙中山演讲”,国父的话,不会被河蟹了吧……

在wordpress博客中插入土豆网的视频也可以用HTML插入的方法,来段“党的政策亚克西”:

如果出现在博客中插入视频的方法失效或者以上视频被和谐时,请留言通知我…..

分类:wordpress 发布日期:二月 5th, 2009. 12 Comments.2,879 views

乐收网络收藏夹

收藏夹是很多人经常用到的浏览器功能之一,我的浏览器中就保存着近百个收藏的网站。但问题是,如果我回家了,那么在公司电脑中收藏保存的网站我将不得而知。相信很多人都有我一样的烦恼。

近日找到一个不错的网络收藏夹工具与大家分享:乐收

优点:

1、域名好记

leshou=乐收=收藏夹;

2、专精于网络收藏夹

没有其它多余的东西,目标就是满足需要在不同地方查看收藏夹中网站的客户。国内做网络收藏的网站有很多,但其中像是网站导航门户的占绝大多数。或许都在期待hao123同样的命运吧;就像本站站长在关于中提到的

在设计乐收的时候,我始终将方便使用者收藏放在第一位来考虑,乐收里没有花哨的界面,有的只是简简单单就能收藏网页的快感!

3、功能实用、简单

在线收藏被放在首页最上面,硕大的收藏按钮使你不用浪费任何时间去思考“如何”和“在哪”的低级问题;

收藏导入导出收藏也比较简单,有明确的提示步骤,即便你是菜鸟,稍微留意一下即可实现将电脑中的收藏夹导入乐收(相比QQ书签,乐收提供的帮助文档更加全面);

4、web2.0风格

能够他人的收藏,以及每个网站有多少人收藏,以及相关网站的评论;同时它还能浏览其他人的收藏;这使分享、交流变得非常方便。当然,乐收没有提供“争车位”一类的小游戏,这只是个网络收藏夹网站,而不是交友网站,不是么?

5、良好的用户体验

在这里,你不会觉得自己是个笨蛋。

当然,乐收也有自己的不足之处,其中收藏夹导入导出功能在首页并没有直观的显示 ,需要进入个人设置中才能找到,对新人还是有一定的不利的;同时网站展示功能最好继续加强,使之能够按照浏览量排序(自己的收藏夹),或者按照收藏次数、评论次数等排序(公共收藏展示),这样能够加强资源交流。

总之,乐收网络收藏夹是个相对而言很优秀的网络收藏夹,我希望它能继续带给我方便、快捷、安全的收藏体验,也期待它不断完善和进步。

ps.这不是软文…

分类:工具 发布日期:二月 4th, 2009. No Comment.1,042 views

 

贫富排名

你究竟是贫穷还是富有?很多人没有一个明确的答案。所以我们抱怨世道不公,抱怨生不逢时……我找到了两个有趣的网站,它们能告诉你,你的富有程度。

1、排福榜

直接输入年收入即可查看你在中国的贫富排名……点击名称进入链接。

您有多富?或者,您有多穷?您想知道自己的财富排名吗?
平民排富榜为您而生!从此,财富排行榜不再只是首富们的游戏和特权。
我们推出这样的平民排富榜,不仅希望激发创富的动力,而且也希望让更多人明白:您有能力帮助别人。
人生的意义,不只是追求财富,还有更多的责任:在你的周围,或者在离你很远的地方,有许多人需要您的帮助。
MONEY,BUT NOT ONLY MONEY:LOVE,CHARITY,FRIENDSHIP…
所谓真正的富有,不是在于您拥有多少,而是在于您能付出多少。

2、Global Rich List(全球富豪榜)

国外的测试网站,可以测试你在全球的贫富排名。默认是英镑/年,现在的人民币对英镑汇率大概是9:1

Every year we gaze enviously at the lists of the richest people in world. 
Wondering what it would be like to have that sort of cash. But where 
would you sit on one of those lists? Here’s your chance to find out. 

或许这两个网站可以减少很多人的抱怨……

分类:工具 发布日期:二月 3rd, 2009. No Comment.924 views

本来春节回家后不准备写博客了,可今天上 Google 站长工具查看网站内容分析时,发现我的wordpress博客的标题标记有“重复的标题标记 6个”的问题,点击详情后显示“包含重复标题标记的页面”有3个,每个页面下含有一个加了 comment-page-1‎ 的重复页面。如:

http://www.hanjunxing.com/use-case-in-prd

http://www.hanjunxing.com/use-case-in-prd/comment-page-1‎

这是什么问题呢?Google 后发现原来是 wordpress 2.7 中评论分页搞的鬼。

wordpress 2.7的评论分页功能主要作用是在评论过多时,可以分页显示评论,以减少数据库查询次数,从而减少资源占用,同时也会提高页面载入速度。但实际上,对于大多数不知名的博客而言,每篇文章都有好几百个评论是不现实的。也就是说,这个功能对绝大多数博主而言比较鸡肋。

从实现原理而言,评论分页自动生成了原文URL+comment-page-1‎或 comment-page-2…这样的页面,但是这些分页依然采用原文的 Title、原文的 Meta 等信息,这就造成了 Google 工具认为出现了“包含重复标题标记的页面”。我们知道,重复页面对 SEO 不利,严重时可能直接导致网站被K,所以这个问题越早解决越好。

解决办法:进入 wordpress 博客后台,设置-讨论-评论分页关闭(取消选项中的对勾)。

问题就是这么简单。话说回来,评论分页这个功能对我而言的确挺鸡肋的,但如果你是名人,发个文章就无数人抢沙发,那这个功能再合适你不过了。不知道什么时候我才能真正用上这个功能……

分类:问题/错误 发布日期:一月 24th, 2009. 6 Comments.2,878 views

You Get Signal 

随便翻了翻 Google Read 订阅的文章,在睡到自然醒发现一篇能够查询跟自己共用IP的网站的小工具“You Get Signal”很不错。

不查不要紧,一查吓一跳。原来跟自己共用 IP 的网站竟然有38个之多……并且其中大部分都是国外企业级的网站。还好 Hostmonster 主机使用的感觉还是很不错的,没有出现过当机和不稳定的情况,速度也比较快。可惜了我的无限空间、无限流量还远远没有充分利用……

话说回来,由于公司封 QQ 的 IP,不知为何顺便把我的博客IP 也给封了,找技术很多次也无法解决,真把我郁闷坏了。查阅了大量的资料,无奈对局域网的了解还处于小白状态,只好这么拖着;网站的问题,只有回家利用休息时间搞了。说不定那天也心血来潮,买个独立 IP 玩儿……

分类:工具 发布日期:一月 20th, 2009. 3 Comments.1,110 views

Wordpress 中,文章的默认链接结尾一般都是是“/?p=123”,这种形式是系统自动生成的动态地址,一方面不利于自己或者读者记忆,另一方面更不利于SEO。所以,给自己的博客设置一个漂亮的固定链接可以说是建博以后必做的事情之一。具体设置的方法有很多,比如摇钱树的这篇被转载过N次的永久链接设置技巧可以说已经成为教科书式的永久链接SEO教程了;而实际上,广大 blogers 也是为了SEO而对此方法趋之若鹜。不过值得注意的是,设置永久链接后,可能出现主页无法打开、文章无法打开或者之前被收录的文章无法显示等等问题。我刚刚经历过这样的问题,并且通过不断的查找原因,完美的解决了这个问题,故写出来分享。 Read More…

分类:问题/错误 发布日期:十二月 28th, 2008. 13 Comments.4,050 views
Page 3 of 41234

什么是RSS订阅?