﻿

<?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>Dreamix's Blog &#187; 技巧</title>
	<atom:link href="http://www.dreamix.cn/tag/%e6%8a%80%e5%b7%a7/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dreamix.cn</link>
	<description>a shining boy's simple life &#124; 涂鸦梦想的彩色漆</description>
	<lastBuildDate>Sun, 14 Feb 2010 13:53:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>[Wordpress小技巧]近日来对新模板增加的一些功能</title>
		<link>http://www.dreamix.cn/wordpress-tips/</link>
		<comments>http://www.dreamix.cn/wordpress-tips/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 06:09:13 +0000</pubDate>
		<dc:creator>Dreamix</dc:creator>
				<category><![CDATA[网络]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[技巧]]></category>
		<category><![CDATA[模板]]></category>
		<category><![CDATA[评论]]></category>

		<guid isPermaLink="false">http://www.dreamix.cn/?p=43480</guid>
		<description><![CDATA[　　前些天把用了半年之久的WP主题给换掉了，换成了现在这个很像Chrome浏览器的Chrome Tweaks主题，于是乎又开始了对WP的折腾，增加了一些用户体验方面的功能。下面一一道来啦……

　　第一... ]]></description>
			<content:encoded><![CDATA[<p>　　前些天把用了半年之久的WP主题给换掉了，换成了现在这个很像Chrome浏览器的<a href="http://chrometweaks.org/" target="_blank">Chrome Tweaks</a>主题，于是乎又开始了对WP的折腾，增加了一些用户体验方面的功能。下面一一道来啦……<br />
<span id="more-43480"></span></p>
<p>　　第一个呢，就是用户提交评论添加了ajax，这样就不用每次都刷新整个页面啦，如图：</p>
<p><a href="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-02.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-43481" title="wordpress-tips-02" src="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-02-440x277.jpg" alt="wordpress-tips-02" width="440" height="277" /></a></p>
<p style="margin: 0in; font-family: SimSun; font-size: 10pt;">（参考文献：<a href="http://www.happinesz.cn/archives/423/">http://www.happinesz.cn/archives/423/</a>）</p>
<p>　　接下来是曾经发表过评论的用户，再次回访时就不用点写评论者的相关信息啦，就象这样：</p>
<p><a href="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-01.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-full wp-image-43482" title="wordpress-tips-01" src="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-01.jpg" alt="wordpress-tips-01" width="208" height="45" /></a></p>
<p>（参考文献：<a href="http://www.neoease.com/wordpress-guest-post/">http://www.neoease.com/wordpress-guest-post/</a>）</p>
<p>　　还有只有当鼠标移动到某一条评论上才会显示reply按钮，否则隐藏（这个貌似不支持ie6）</p>
<p><a href="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-04.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-43483" title="wordpress-tips-04" src="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-04-440x103.jpg" alt="wordpress-tips-04" width="440" height="103" /></a><br />
正常状态</p>
<p><a href="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-03.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-43484" title="wordpress-tips-03" src="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-03-440x103.jpg" alt="wordpress-tips-03" width="440" height="103" /></a><br />
鼠标路过状态</p>
<p>（参考文献：<a href="http://www.saywp.com/wordpress/active-the-reply-botton-with-css.html">http://www.saywp.com/wordpress/active-the-reply-botton-with-css.html</a>）</p>
<p>　　因为在我的blog中，回复评论不是嵌套样式，而是@xxx的形式，这样难免会不知道某条@到底是回复的哪一条，所以加上了“鼠标经过@xxx时、浮动显示回复原文”</p>
<p><a href="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-05.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-43485" title="wordpress-tips-05" src="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-05-440x153.jpg" alt="wordpress-tips-05" width="440" height="153" /></a></p>
<p>（参考文献：<a href="http://www.neoease.com/inove-mouseover-to-show-comment-no/">http://www.neoease.com/inove-mouseover-to-show-comment-no/</a>）</p>
<p>　　最后一个嘛，貌似各大论坛和blog都支持的Ctrl+Enter提交&#8230;</p>
<p><a href="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-06.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-full wp-image-43486" title="wordpress-tips-06" src="http://www.dreamix.cn/wp-content/uploads/289/28925/2009/10/wordpress-tips-06.jpg" alt="wordpress-tips-06" width="197" height="61" /></a></p>
<p>（参考文献：<a href="http://blog.dogg3h.com/wordpress-hack-ctrl-enter-post-comment">http://blog.dogg3h.com/wordpress-hack-ctrl-enter-post-comment</a>）</p>
<p>　　都是一些比较简单实现、而且对用户体验比较好的小功能，大家不如也尝试一下吧，既然我都实现了，你也一定没问题的！</p>

	标签：<a href="http://www.dreamix.cn/tag/ajax/" title="ajax" rel="tag">ajax</a>, <a href="http://www.dreamix.cn/tag/wordpress/" title="wordpress" rel="tag">wordpress</a>, <a href="http://www.dreamix.cn/tag/%e6%8a%80%e5%b7%a7/" title="技巧" rel="tag">技巧</a>, <a href="http://www.dreamix.cn/tag/%e6%a8%a1%e6%9d%bf/" title="模板" rel="tag">模板</a>, <a href="http://www.dreamix.cn/tag/%e8%af%84%e8%ae%ba/" title="评论" rel="tag">评论</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.dreamix.cn/wordpress-tips/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
	</channel>
</rss>
