<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>甜·咖啡&#187; 博客</title>
	<atom:link href="http://blog.xiao3.info/tag/%e5%8d%9a%e5%ae%a2/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.xiao3.info</link>
	<description>Software  Wordpress  &#124;&#124;  ProE  SolidWorks</description>
	<lastBuildDate>Sun, 22 Aug 2010 03:00:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Wordpress评论栏优化概括</title>
		<link>http://blog.xiao3.info/wordpress-comments.html</link>
		<comments>http://blog.xiao3.info/wordpress-comments.html#comments</comments>
		<pubDate>Sat, 23 Jan 2010 01:15:03 +0000</pubDate>
		<dc:creator>xiao3</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[comments]]></category>
		<category><![CDATA[优化]]></category>
		<category><![CDATA[博客]]></category>
		<category><![CDATA[评论]]></category>

		<guid isPermaLink="false">http://blog.xiao3.info/?p=375</guid>
		<description><![CDATA[最近都在弄主题！ inove 这个主题真的太强大！而且作者 mg12 的博客有很多信息可以参考！让我们这种对代码一窍不通的人很容易的依葫芦画瓢，今天弄了一下修改版的 inove 中评论栏的实用功能，访客留言之后资料输入框会被隐藏起来, 如同登录了一般. 访客可以选择修改相关资料再进行评论. 给予访客很好的用户体验.

这个优化真的是非常的好，当在某个 WordPress 发表评论后再次访问该 Blog, 资料就不需要再次填写, 因为它们都已经在资料输入框里面. 但没评论过的或者清除了 Cookie 之后, 资料输入框将空空如也.同时我自己加上了一个 Gravatar 头像的显示，实时的显示。 Twitter @ mengzehe 
1. 当访客的资料已经存在的情况下, 访客很少关注资料本身, 那些资料输入框就会变成 &#8220;碍眼的东西&#8221;, 我们要想办法将它们隐藏起来. 同时, 我们需要将这位访客的名字显示出来, 否则他/她根本不知道自己的身份.
2. 访客有可能邮箱更换了, 或者就想换个酷点的名字, 此时的他/她肯定想更改一下那些资料. 所以要求有一些措施, 让访客可以重新看到资料输入框.
3. 对于那些从未提供资料的访客, 资料输入框必须让他们看到. 

这是未评论的评论栏，这时将会出现表情， Gravatar 头像显示和访客资料输入框

这是发表过评论的评论栏，这时访客资料输入框已经隐藏，只剩下表情和 Gravatar 头像显示。

这个是发表过评论以后点击修改资料时的评论栏！那个头像是可以在你输入完你的 Email 以后实时显示你的头像的（前提是你注册了一个 Gravatar 头像）
以上的效果你可以在这里找到：
提高 WordPress 访客评论时的用户体验
适当隐藏老用户输入框之 jQuery 实现方法
实时显示 Gravatar 头像
Email输入框处实时显示gravatar头像+email验证+动态信息提醒







 [...]]]></description>
			<content:encoded><![CDATA[<p style="text-indent:2em" >最近都在弄主题！ <a href="http://www.neoease.com/themes/">inove</a> 这个主题真的太强大！而且作者 <a href="http://www.neoease.com/">mg12</a> 的博客有很多信息可以参考！让我们这种对代码一窍不通的人很容易的依葫芦画瓢，今天弄了一下修改版的 inove 中评论栏的实用功能，访客留言之后资料输入框会被隐藏起来, 如同登录了一般. 访客可以选择修改相关资料再进行评论. 给予访客很好的用户体验.</p>
<p><span id="more-375"></span></p>
<p style="text-indent:2em" >这个优化真的是非常的好，当在某个 WordPress 发表评论后再次访问该 Blog, 资料就不需要再次填写, 因为它们都已经在资料输入框里面. 但没评论过的或者清除了 Cookie 之后, 资料输入框将空空如也.同时我自己加上了一个 Gravatar 头像的显示，实时的显示。 Twitter @ <a href="http://twitter.com/mengzehe">mengzehe</a> </p>
<blockquote><p>1. 当访客的资料已经存在的情况下, 访客很少关注资料本身, 那些资料输入框就会变成 &#8220;碍眼的东西&#8221;, 我们要想办法将它们隐藏起来. 同时, 我们需要将这位访客的名字显示出来, 否则他/她根本不知道自己的身份.<br />
2. 访客有可能邮箱更换了, 或者就想换个酷点的名字, 此时的他/她肯定想更改一下那些资料. 所以要求有一些措施, 让访客可以重新看到资料输入框.<br />
3. 对于那些从未提供资料的访客, 资料输入框必须让他们看到. </p></blockquote>
<p align="center"><img src="http://farm5.static.flickr.com/4054/4294852955_0352cc740a_o.jpg" alt="" /></p>
<p style="text-indent:2em" >这是未评论的评论栏，这时将会出现表情， Gravatar 头像显示和访客资料输入框</p>
<p align="center"><img src="http://farm3.static.flickr.com/2788/4294853375_4313e4700a_o.jpg" alt="" /></p>
<p style="text-indent:2em" >这是发表过评论的评论栏，这时访客资料输入框已经隐藏，只剩下<a href="http://blog.xiao3.info/renren-qq-eif.html">表情</a>和 Gravatar 头像显示。</p>
<p align="center"><img src="http://farm5.static.flickr.com/4042/4294852411_518fcf841f_o.jpg" alt="" /></p>
<p style="text-indent:2em" >这个是发表过评论以后点击修改资料时的评论栏！那个头像是可以在你输入完你的 Email 以后实时显示你的头像的（前提是你注册了一个 Gravatar 头像）</p>
<p style="text-indent:2em" ><b style="color:#060">以上的效果你可以在这里找到：</b></p>
<p><a href="http://www.neoease.com/wordpress-guest-post/">提高 WordPress 访客评论时的用户体验</a><br />
<a href="http://www.xiaorsz.com/hide-input-box-jquery/">适当隐藏老用户输入框之 jQuery 实现方法</a><br />
<a href="http://bingu.net/644/real-time-gravatar/">实时显示 Gravatar 头像</a><br />
<a href="http://www.qiqiboy.com/2009/12/30/email-input-box-office-real-time-display-gravatar-picture.html">Email输入框处实时显示gravatar头像+email验证+动态信息提醒</a></p>
<P><div style="margin:3px 5px 2px 0px;float:left;"><A HREF="http://catfun.info" target="_blank">
<IMG SRC="http://xiao3meng.googlecode.com/files/cat.gif" BORDER="0"  ALT="咪咪集散地">
</A></div><A HREF="http://feeds.feedburner.com/mengzehe/CatFun" target="_blank">
<IMG SRC="http://feeds.feedburner.com/mengzehe/CatFun.gif?w=1&c=1&bb=s4Kh" BORDER="0"  ALT="咪咪集散地">
</A>
<br/>
<hr noshade style="margin:0;height:1px" /></br>
<p> <strong>©</strong> xiao3 for <a href="http://blog.xiao3.info">甜·咖啡</a>, 2010. |
<a href="http://blog.xiao3.info/wordpress-comments.html">链接</a> |
<a href="http://blog.xiao3.info/wordpress-comments.html#comments">评论(19)</a> |
<a href="https://twitter.com/mengzehe" title="欢迎在 Twitter 上 Follow 我!" style="font-weight:700;color:#33ccff;background-color:#fff;">Twitter</a>
 | <a title="实时更新可用的 GHS.google.com 的 IP " href="http://www.xiao3.info/ghs-ip.php" style="color:#FF6600;" target="_blank">GHS IP</a> | <a title="有了它，伟大的墙要倒下啦！"  href="https://xiao3proxy.appspot.com/" style="color:#FF0000;">代理</a> 
| <a title="本站一些小文件都在这里" href="http://mengzehe-app.appspot.com/" style="color:#666600;">文件</a> 
| <a title="你想翻墙么？看这里" href="http://proxy.xiao3.info/" style="color:#AA6600;">FUCK GFW</a>
<br/>
<br/>
<br/>
原文地址：<a href="http://blog.xiao3.info/wordpress-comments.html">Wordpress评论栏优化概括</a>          标签: <a href="http://blog.xiao3.info/tag/ajax" rel="tag">Ajax</a>, <a href="http://blog.xiao3.info/tag/comments" rel="tag">comments</a>, <a href="http://blog.xiao3.info/tag/%e4%bc%98%e5%8c%96" rel="tag">优化</a>, <a href="http://blog.xiao3.info/tag/%e5%8d%9a%e5%ae%a2" rel="tag">博客</a>, <a href="http://blog.xiao3.info/tag/%e8%af%84%e8%ae%ba" rel="tag">评论</a><br/>
</p>]]></content:encoded>
			<wfw:commentRss>http://blog.xiao3.info/wordpress-comments.html/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
	</channel>
</rss>
