<?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>eddie.Yang's  creative &#187; wordpress</title>
	<atom:link href="http://www.ediyang.com/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ediyang.com</link>
	<description>Creative change lives</description>
	<lastBuildDate>Wed, 14 Jul 2010 02:06:12 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>如何将Asaph整合到Wordpress中</title>
		<link>http://www.ediyang.com/how-to-creat-image-roll-in-wordpress-use-asaph/</link>
		<comments>http://www.ediyang.com/how-to-creat-image-roll-in-wordpress-use-asaph/#comments</comments>
		<pubDate>Sun, 03 May 2009 14:11:19 +0000</pubDate>
		<dc:creator>eddie</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[asaph]]></category>

		<guid isPermaLink="false">http://www.ediyang.com/?p=594</guid>
		<description><![CDATA[半个月前我向大家介绍过Asaph这个很不错的微型图片博客系统.但是如大多数人一样,我们使用的主要发布平台,还是Wordpress,我们希望将Asaph整合到Wordpress中,这是一种很好的取长补短的方法.]]></description>
			<content:encoded><![CDATA[<p>半个月前我向大家介绍过<a href="http://www.ediyang.com/asaph-introduction/">Asaph</a>这个很不错的微型图片博客系统.但是如大多数人一样,我们使用的主要发布平台,还是Wordpress,我们希望将Asaph整合到Wordpress中,这是一种很好的取长补短的方法.</p>
<p>如果你看过我之前介绍Asaph的文章,你应该明白Asaph是一个图片搜集博客,而我们之前看到过很多博客(多数为外国),喜欢将Flickr的图片整合到WordPress之中,并展示在边栏或是底部.那么今天,我会教大家如何将已经生成的Asaph图片数据展示在WordPress之中.也正如你现在看到的<del datetime="2009-05-06T18:03:47+00:00"><strong>本网站的右边栏</strong>下方的&#8221;picture wall&#8221;</del><a href="http://www.vikiworks.com">vikiworks</a>边栏一样的图片秀.</p>
<h4>看前须知</h4>
<ul>
<li>Asaph不是一个wordpress插件,而是一个独立的博客系统</li>
<li>确保你已经安装好Asaph,否则请看<a href="http://www.ediyang.com/asaph-introduction/">该文</a></li>
</ul>
<h3>我们开始</h3>
<p>其实接下来很简单,之需要一个步骤,就是复制下面的代码,放到你的WordPress主题下的sidebar.php(或是其他你要显示的地方).</p>
<pre><code>
&lt;?php // Get RSS Feed
include_once(ABSPATH . WPINC . '/rss.php');
$rss = fetch_rss('<strong>your-asaph-feed</strong>');
<strong>$maxitems = 24</strong>;
$items = array_slice($rss-&gt;items, 0, $maxitems);
?&gt;
&lt;ul&gt;
&lt;?php if (empty($items)) echo ‘&lt;li&gt;No items&lt;/li&gt;’;
else
foreach ( $items as $item ) : ?&gt;
&lt;li&gt;&lt;a href=’&lt;?php echo $item['link']; ?&gt;’&gt;
&lt;?php echo $item['description']; ?&gt;&lt;/a&gt;&lt;/li&gt;
&lt;?php endforeach; ?&gt;
&lt;/ul&gt;
</code></pre>
<p>请留意代码中的注释部分需要自行修改,也就是自己的<strong>feed地址</strong>以及显示的<strong>图片数量</strong>.<br />
在将代码复制到模版文件中之后,如果一切顺利,那么你将会看到9张图片了,至于说大小问题,你需要在CSS中定义width:80px之类的.详细的可以用<a href="https://addons.mozilla.org/firefox/addon/1843">Firebug</a>来查看我的CSS.</p>
<p>在这里,首先要感觉Asaph作者,再者感谢vikiworks的<a href="http://vikiworks.com/2009/04/25/wordpress-image-roll/">yichi大哥的文章</a>.才让你我有机会认识与使用到如此优秀的功能.</p>
<p>同时我也留意到一些朋友在安装Asaph过程中<a href="http://www.ediyang.com/asaph-introduction/#comment-233">无法成功</a>,而大多数应属于服务器无法支持的原因.如果你遇到问题了或是你知道这其中的原因.麻烦请到下方留言.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ediyang.com/how-to-creat-image-roll-in-wordpress-use-asaph/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>10个最漂亮的国人制作Wordpress主题</title>
		<link>http://www.ediyang.com/10-most-beautiful-wordpress-theme-by-chinese/</link>
		<comments>http://www.ediyang.com/10-most-beautiful-wordpress-theme-by-chinese/#comments</comments>
		<pubDate>Sat, 28 Mar 2009 13:24:32 +0000</pubDate>
		<dc:creator>eddie</dc:creator>
				<category><![CDATA[headline]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://www.ediyang.com/?p=455</guid>
		<description><![CDATA[尽管制作Wordpress主题的国人不多,但是在仅有的主题之中,我们还是可以发现很多水平很高,十分漂亮的主题.
今天eddie给大家搜集了10个个人觉得最漂亮的免费Wordpress主题,而且它们全部是由国人制作的.]]></description>
			<content:encoded><![CDATA[<p>尽管制作Wordpress主题的国人不多,但是在仅有的主题之中,我们还是可以发现很多水平很高,十分漂亮的主题.<br />
今天eddie给大家搜集了10个个人觉得最漂亮的免费Wordpress主题,而且它们全部是由国人制作的.</p>
<h3>1.Infinity</h3>
<p><img src="http://www.ediyang.com/wp-content/uploads/2009/03/10-1.jpg" alt="10 1 10个最漂亮的国人制作Wordpress主题" title="10-1" width="480" height="180" class="alignnone size-full wp-image-456" /><br />
Infinity是由国人设计师<a href="http://vikiworks.com">yichi</a>与<a href="http://www.smashingmagazine.com">Smashingmagazine</a>联合发布的一款高水平的免费wordpress主题,该主题设计之漂亮与精细都让我叹服.<br />
<a href="http://vikiworks.com/2008/08/09/infinity-theme/">下载信息</a></p>
<h3>2.SimpleG</h3>
<p><img src="http://www.ediyang.com/wp-content/uploads/2009/03/10-2.jpg" alt="10 2 10个最漂亮的国人制作Wordpress主题" title="10-2" width="480" height="180" class="alignnone size-full wp-image-456" /><br />
SimpleG风格简洁,但是整体布局很协调,而且主题的DIY性也很强,很适合喜欢简约的朋友.<br />
<a href="http://www.g9net.com">DEMO演示</a> <a href="http://www.g9net.com/2009/02/05/wordpress-theme-simpleg.html">下载信息</a></p>
<h3>3.O-Box</h3>
<p><img src="http://www.ediyang.com/wp-content/uploads/2009/03/10-3.jpg" alt="10 3 10个最漂亮的国人制作Wordpress主题" title="10-3" width="480" height="180" class="alignnone size-full wp-image-456" /><br />
U-Box是橙色系的2栏主题,头部部分虽然很简约但是给人的视觉冲击很强,同时可以注意到作者处理细节的能力很强.<br />
<a href="http://utombox.com/">DEMO演示</a> <a href="http://utombox.com/wp-theme-o-box-release/">下载信息</a></p>
<h3>4.Omagazine</h3>
<p><img src="http://www.ediyang.com/wp-content/uploads/2009/03/10-4.jpg" alt="10 4 10个最漂亮的国人制作Wordpress主题" title="10-4" width="480" height="180" class="alignnone size-full wp-image-456" /><br />
sofish制作过很多优秀的主题,但是个人还是比较喜欢这款颜色很清新可爱的主题.如名字所示,这是一款杂志型的主题.<br />
<a href="http://en.happinesz.cn/index.php?wptheme=oMagazine">DEMO演示</a> <a href="http://www.happinesz.cn/archives/508/">下载信息</a></p>
<h3>5.Hello D</h3>
<p><img src="http://www.ediyang.com/wp-content/uploads/2009/03/10-5.jpg" alt="10 5 10个最漂亮的国人制作Wordpress主题" title="10-5" width="480" height="180" class="alignnone size-full wp-image-456" /><br />
hellowiki带来的主题,配色与导航栏的设计都很有特色.同时我也很喜欢该作者目前使用的主题.（能不能分享？）<br />
<a href="http://hellowiki.com/2008/03/30/theme-hello-d-fixed/">下载信息</a></p>
<h3>6.G7 v1</h3>
<p><img src="http://www.ediyang.com/wp-content/uploads/2009/03/10-6.jpg" alt="10 6 10个最漂亮的国人制作Wordpress主题" title="10-6" width="480" height="180" class="alignnone size-full wp-image-456" /><br />
Wordpress中文论坛第一届主题设计大赛的第一名 ,同时作者underone还陆续发布了v2 v3 v4 v5 v6..需要指出的是underone主题的特色就是头部都很矮.<br />
<a href="http://www.underone.com/2007/11/16/theme-g7v1-final/">下载信息</a></p>
<h3>7.iNove</h3>
<p><img src="http://www.ediyang.com/wp-content/uploads/2009/03/10-7.jpg" alt="10 7 10个最漂亮的国人制作Wordpress主题" title="10-7" width="480" height="180" class="alignnone size-full wp-image-456" /><br />
iNove是Wordpress官方网站最受欢迎的主题之一,曾一度占据主题下载板第一的位置.头部与背景阴影都十分好看.整体很酷很协调.<br />
<a href="http://demo.neoease.com/index.php?wptheme=iNove">DEMO演示</a> <a href="http://www.neoease.com/inove/">下载信息</a></p>
<h3>8.Prower v2</h3>
<p><img src="http://www.ediyang.com/wp-content/uploads/2009/03/10-8.jpg" alt="10 8 10个最漂亮的国人制作Wordpress主题" title="10-8" width="480" height="180" class="alignnone size-full wp-image-456" /><br />
Prower主题有点apple的感觉,整体布局为白色,但是部分地方的蓝橙色使主题增色不少.<br />
<a href="http://www.prower.cn">DEMO演示</a> <a href="http://www.prower.cn/work/1058">下载信息</a></p>
<h3>9.iBlue</h3>
<p><img src="http://www.ediyang.com/wp-content/uploads/2009/03/10-9.jpg" alt="10 9 10个最漂亮的国人制作Wordpress主题" title="10-9" width="480" height="180" class="alignnone size-full wp-image-456" /><br />
iBlue风格很简洁,但是板块之间的空隙处理的很好,使得阅读起来很舒服,不会有很大阻碍.<br />
<a href="http://www.osxcn.com">DEMO演示</a> <a href="http://www.osxcn.com/journal/iblue-theme-12-for-wordpress.html">下载信息</a></p>
<h3>10.BlogBus</h3>
<p><img src="http://www.ediyang.com/wp-content/uploads/2009/03/10-10.jpg" alt="10 10 10个最漂亮的国人制作Wordpress主题" title="10-10" width="480" height="180" class="alignnone size-full wp-image-456" /><br />
这是由柠檬制作的一款十分漂亮大气的主题,特别是头部设计以及不断重复的花图腾.<br />
<a href="http://weiwuhui.com/">DEMO演示</a> <a href="http://www.ilemoned.com/archives/wptheme-blogbus">下载信息</a></p>
<h4>选择国人的主题有什么好处？</h4>
<ul>
<li>使用上的问题可以方便提问</li>
<li>风格与阅读习惯更适合</li>
<li>支持中国web产业发展(囧)</li>
<li>你觉得呢？</li>
</ul>
<p><strong>同时也呼吁一下使用wordpress主题的同学们,应该多支持制作主题的作者们,因为从设计到写代码是一件很辛苦的事.做出来的主题能得到大家的认可与支持,才是这些制作免费主题的作者所希望的.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ediyang.com/10-most-beautiful-wordpress-theme-by-chinese/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>15个Wordpress的Twitter技巧与插件</title>
		<link>http://www.ediyang.com/15-useful-twitter-hacks-and-plug-ins-for-wordpress/</link>
		<comments>http://www.ediyang.com/15-useful-twitter-hacks-and-plug-ins-for-wordpress/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 06:24:36 +0000</pubDate>
		<dc:creator>eddie</dc:creator>
				<category><![CDATA[headline]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.ediyang.com/?p=350</guid>
		<description><![CDATA[Twitter自从2006成立以来被很多人誉为社会化媒体的革命.国内包括腾讯在内的互联网公司也跟着推出他们的Twitter服务.而在Wordpress这个最受欢迎的博客平台上,Twitter无疑是提升博客营销与成长的极好工具,那么我们应该怎么把Twitter与Wordpress结合起来呢?]]></description>
			<content:encoded><![CDATA[<p><a href="http://twitter.com">Twitter</a>自从2006成立以来被很多人誉为社会化媒体的革命.国内包括腾讯在内的互联网公司也跟着推出他们的Twitter服务.而在Wordpress这个最受欢迎的博客平台上,Twitter无疑是提升博客营销与成长的极好工具,那么我们应该怎么把Twitter与Wordpress结合起来呢?</p>
<h3>Hack技巧类</h3>
<h4>1.自动生成文章的TinyUrls（缩短网址）</h4>
<p>因为在Twitter碎碎念的时候最多只能输入140个字符,所以对文章网址进行缩短是一个比较好的方法.<br />
<img class="alignnone size-full wp-image-359" title="1" src="http://www.ediyang.com/wp-content/uploads/2009/03/1.png" alt="1 15个Wordpress的Twitter技巧与插件" width="463" height="146" /><br />
首先打开主题文件夹中的functions.php文件（如果没有的话就创建一个）</p>
<pre><code>
function getTinyUrl($url) {
    $tinyurl = file_get_contents("http://tinyurl.com/api-create.php?url=".$url);
    return $tinyurl;
}
</code></pre>
<p>接着把以下代码复制进你的single.php文件中,需要包含在The Loop内(我没有包含在The Loop里面,但是没问题)</p>
<pre><code>
&lt;?php
$turl = getTinyUrl(get_permalink($post-&gt;ID));
echo 'Tiny Url for this post: &lt;a href="'.$turl.'"&gt;'.$turl.'&lt;/a&gt;'
?&gt;
</code></pre>
<p>eddie:实际上这里只是演示一种方法,我们可以利用这个函数生成的缩短网址去干别的事,比如你看我这篇文章下方的Twitter按钮,点击进去显示的网址就是TinyUrl.</p>
<h4>2.不用插件,显示最新的Tweet</h4>
<p><img class="alignnone size-full wp-image-360" title="2" src="http://www.ediyang.com/wp-content/uploads/2009/03/2.png" alt="2 15个Wordpress的Twitter技巧与插件" width="500" height="195" /><br />
虽然可以使用插件来完成,但是对于这么简单的任务,我建议还是使用Hack而不是插件<br />
把以下代码复制进主题文件中(single.php等)</p>
<pre><code>&lt;?php

// Your twitter username.
$username = "TwitterUsername";

// Prefix - some text you want displayed before your latest tweet.
// (HTML is OK, but be sure to escape quotes with backslashes: for example href="link.html")
$prefix = "&lt;h2&gt;My last Tweet&lt;/h2&gt;";

// Suffix - some text you want display after your latest tweet. (Same rules as the prefix.)
$suffix = "";

$feed = "http://search.twitter.com/search.atom?q=from:" . $username . "&amp;rpp=1";

function parse_feed($feed) {
$stepOne = explode("&lt;content type="html"&gt;", $feed);
$stepTwo = explode("&lt;/content&gt;", $stepOne[1]);
$tweet = $stepTwo[0];
$tweet = str_replace("&amp;lt;", "&lt;", $tweet);
$tweet = str_replace("&amp;gt;", "&gt;", $tweet);
return $tweet;
}

$twitterFeed = file_get_contents($feed);
echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
?&gt;
</code></pre>
<p>具体用法请看代码中的注释</p>
<h4>3.用一张图片显示你的Tweet</h4>
<p>只要你上<a href="http://www.twitsig.com/">TwitSig</a> 输入你的用户名,就可以得到一张上面有你最新Tweet的图片，你可以用这张图片用作论坛签名档等等.<br />
eddie:由于不支持中文显示，所以不详细说明用法.</p>
<h4>4.增加Tweet This的按钮</h4>
<p><img class="alignnone size-full wp-image-361" title="3" src="http://www.ediyang.com/wp-content/uploads/2009/03/3.png" alt="3 15个Wordpress的Twitter技巧与插件" width="500" height="190" /><br />
具体例子就是我网站下面的Twitter按钮了,按下去就会自动在你的Twitter中显示你正在阅读这篇文章.</p>
<pre><code>
&lt;a title="Click to send this page to Twitter!" href="http://twitter.com/home?status=
Currently reading &lt;?php the_permalink(); ?&gt;" target="_blank"&gt;

&lt;img src="send-to-twitter.png" alt="" /&gt;&lt;/a&gt;
</code></pre>
<p>请注意修改代码中img的路径</p>
<h4>5.识别来自Twitter的访问者</h4>
<p><img class="alignnone size-full wp-image-362" title="4" src="http://www.ediyang.com/wp-content/uploads/2009/03/4.png" alt="4 15个Wordpress的Twitter技巧与插件" width="428" height="215" /><br />
Twitter对于某些网站来说意味着10%的流量,因为用户通过你的Tweet访问你的网站,同时又在自己的Twitter中提交你的网址.那么当该访问者来自Twitter的时候我们可以通过以下代码显示一条欢迎信息.</p>
<pre><code>
&lt;?php
if (strpos("twitter.com",$_SERVER[HTTP_REFERER])==0) {
echo "Welcome, Twitter visitor! If you enjoy this post, don't hesitate to retweet!";
}
?&gt;
</code></pre>
<h4>6.创建一个Twitter页面</h4>
<p>这个对于做过主题的朋友来说很简单，就是创意一个模板文件. 首先在主题文件夹中新建一个文件,命名为twitter.php,然后把以下代码加进去.</p>
<pre><code>
&lt;?php

/*
Template Name: Twitter page
*/

get_header();

include_once(ABSPATH.WPINC.'/rss.php');
wp_rss('http://twitter.com/statuses/user_timeline/15985955.rss', 20);

get_sidebar();
get_footer();
?&gt;
</code></pre>
<h4>7.不用插件,把评论头像换成Twitter头像</h4>
<p><img class="alignnone size-full wp-image-367" title="12" src="http://www.ediyang.com/wp-content/uploads/2009/03/12.gif" alt="12 15个Wordpress的Twitter技巧与插件" width="500" height="197" /><br />
早在<a href="http://www.ediyang.com/30-most-wanted-wordpress-comments-page-hacks/">这里</a>我就介绍过使用Twitter头像替代默认的avatars头像的方法.方法大致如下:</p>
<p>1.从<a href="http://www.smashingmagazine.com/2009/01/08/twitter-avatars-in-comments-wordpress-plugin/">这里</a>下载funcions文件</p>
<p>2.解压文件并打开twittar.php,复制文件中全部代码进去你的functions.php文件里</p>
<p>3.现在打开你的comments.php文件并在comment loop中输入以下代码</p>
<h3>插件类</h3>
<h4>8.<a href="http://blog.victoriac.net/blog/twitter-updater">Twitter Updater</a></h4>
<p>当你发表了新文章时自动把链接发到Twitter中,并且可以定制你喜欢的文字.</p>
<h4>9.<a href="http://twitthis.com/">Twit this</a></h4>
<p><img class="alignnone size-full wp-image-368" title="22" src="http://www.ediyang.com/wp-content/uploads/2009/03/22.png" alt="22 15个Wordpress的Twitter技巧与插件" width="500" height="148" /><br />
可以说是上面第4个技巧的插件版,当然多了一个功能,用户可以输入自己喜欢的文字.</p>
<h4>10.<a href="http://www.jonbergan.com/2009/01/07/introducing-twit-it-up/">Twit it up</a></h4>
<p><img class="alignnone size-full wp-image-364" title="6-2" src="http://www.ediyang.com/wp-content/uploads/2009/03/6-2.png" alt="6 2 15个Wordpress的Twitter技巧与插件" width="500" height="129" /><br />
利用AJAX实现的功能与第9一样功能的插件.</p>
<h4>11.<a href="http://deanjrobinson.com/projects/twitt-twoo/">Twit-Twoo</a></h4>
<p>对于经常在Wordpress控制面板的朋友很有帮助的插件，因为它可以让你在控制面板中直接Tweet</p>
<h4>12.<a href="http://alexking.org/projects/wordpress/readme?project=twitter-tools">Twitter Tools</a></h4>
<p><img class="alignnone size-full wp-image-363" title="5" src="http://www.ediyang.com/wp-content/uploads/2009/03/5.png" alt="5 15个Wordpress的Twitter技巧与插件" width="500" height="216" /><br />
可以说是最受欢迎的Twitter插件之一了,因为它几乎涵盖了所有你可能需要的功能，包括上面某些提到的技巧.</p>
<h4>13.<a href="http://www.smashingmagazine.com/2009/01/08/twitter-avatars-in-comments-wordpress-plugin/">Twittar</a></h4>
<p><img class="alignnone size-full wp-image-365" title="6" src="http://www.ediyang.com/wp-content/uploads/2009/03/6.png" alt="6 15个Wordpress的Twitter技巧与插件" width="500" height="181" /><br />
没错，这个就是第7点我们用到的插件，如果你喜欢直接用插件而不是Hack,那你就使用这个吧</p>
<h4>14.<a href="http://www.smashingmagazine.com/2009/01/09/tweetbacks-plugin-for-wordpress/">Tweetbacks</a></h4>
<p><img class="alignnone size-full wp-image-366" title="7" src="http://www.ediyang.com/wp-content/uploads/2009/03/7.png" alt="7 15个Wordpress的Twitter技巧与插件" width="373" height="213" /><br />
Wordpress可以Trackbacks通知你别人在网站中链向了你的博客还是文章,但是如果有人在Twitter中顶了你的文章呢？你知道吗？是的,Tweetbacks人如其名,它会自动通知你并且可以在博客中显示出来.</p>
<h4>15.在哪?</h4>
<p>英文原文<a href="http://www.smashingmagazine.com/2009/03/04/15-useful-twitter-plugins-and-hacks-for-wordpress/">15 Useful Twitter Hacks and Plug-Ins For WordPress</a>（为什么我找不到第15个）</p>
<p>转载请注明来自<a href="http://www.ediyang.com">eddieYang&#8217;s creaive</a>谢谢.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ediyang.com/15-useful-twitter-hacks-and-plug-ins-for-wordpress/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>30个你最想要的Wordpress回复页技巧</title>
		<link>http://www.ediyang.com/30-most-wanted-wordpress-comments-page-hacks/</link>
		<comments>http://www.ediyang.com/30-most-wanted-wordpress-comments-page-hacks/#comments</comments>
		<pubDate>Mon, 09 Feb 2009 08:26:09 +0000</pubDate>
		<dc:creator>eddie</dc:creator>
				<category><![CDATA[headline]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[hack]]></category>

		<guid isPermaLink="false">http://www.ediyang.com/?p=125</guid>
		<description><![CDATA[我们知道博客的内容是博客的核心所在，但是回复也是博客实现互动的最重要一步。所以拥有一个交互性强，用户友好性强的回复页面是十分重要的。碰巧我最近刚完成了自己的主题，在这里也分享给大家这30个技巧，学习如何定制我们的wordpress回复页。]]></description>
			<content:encoded><![CDATA[<p>我们知道博客的内容是博客的核心所在，但是回复也是博客实现互动的最重要一步。所以拥有一个交互性强，用户友好性强的回复页面是十分重要的。碰巧我最近刚完成了自己的<a href="http://www.ediyang.com/category/wordpress">Wordpress</a>主题，在这里也分享给大家这30个技巧，学习如何定制我们的wordpress回复页。<br />
转载请注明来自<a href="http://www.ediyang.com">eddie yang&#8217;s creative</a></p>
<h3><a href="http://www.darrenhoyt.com/2007/08/18/styling-your-wordpress-comments/">1.定制回复页的样式</a></h3>
<p><a href="http://www.darrenhoyt.com/2007/08/18/styling-your-wordpress-comments"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-01.jpg" alt="mwwcph 01 30个你最想要的Wordpress回复页技巧" width="480" height="190" /></a><br />
制作回复页最有趣的一部分就是进行设计以及样式化了，Darrenhoyt这位高手向我们展示了他自己曾经设计过的回复页的一些作品，而且还包括如果修改 comment.php中的代码，以及PSD原文件。所以这篇文章对于刚开始定制自己的回复页的朋友，是一个很好的选择。</p>
<h3><a href="http://www.tamba2.org.uk/wordpress/altcomments/">2.交替变换回复的背景色</a></h3>
<p><a href="http://www.tamba2.org.uk/wordpress/altcomments/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-02.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
你一定有注意过有的朋友的博客回复页的样式（通常是背景色等）是交替变换的，即是说排单数的回复与双数的回复样式是不一样的。如果你也要这种效果，那你一定要看看这篇文件。</p>
<h3><a href="http://www.mattcutts.com/blog/highlight-author-comments-wordpress/">3.特殊化作者回复的样式</a></h3>
<p><a href="http://www.mattcutts.com/blog/highlight-author-comments-wordpress/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-03.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
一个现在越来被越多人使用的技巧就是把文章作者的回复特殊化，这种与其他回复区别开来的技巧使得用户友好性得到提高，用户可以轻易发现作者的回复。</p>
<h3><a href="http://www.wphacks.com/how-to-separating-your-author-comments/">4.特殊化多个作者的样式</h3>
<p><a href="http://www.wphacks.com/how-to-separating-your-author-comments/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-04.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
我们发现有一些文章的作者是不止一位的，那么这个时候我们就需要不一样的comment.php代码来实现多个作者样式的特殊化了。</p>
<h3><a href="http://wpengineer.com/numbering-your-comments-pingbacks-trackbacks-or-all/">5.把回复进行排序</a></h3>
<p><a href="http://wpengineer.com/numbering-your-comments-pingbacks-trackbacks-or-all/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-05.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
如果你的文章有很多回复数量，这样让用户第一眼看起来很难明白哪里是先哪里是后。如果将回复进行数字的排序，然后显示出来，效果会不会更好呢？</p>
<h3><a href="http://www.wpthemesplugin.com/how-to-rearrange-wordpress-comments-latest-on-top/">6.把最早的回复显示在最前面</a></h3>
<p><a href="http://www.wpthemesplugin.com/how-to-rearrange-wordpress-comments-latest-on-top/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-06.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
默认的<a href="http://www.ediyang.com/category/wordpress">Wordpress</a>回复机制会把最后的回复放在回复页的最前面，但是如果你不想要这样。那么你最好看看这篇文章。WPThemesPlugin.com的moses向我们展示了一个很灵活的技巧。</p>
<h3><a href="http://www.phpmagicbook.com/display-the-total-number-of-comments-on-your-wordpress-blog/">7.显示回复的总数</a></h3>
<p><a href="http://www.phpmagicbook.com/display-the-total-number-of-comments-on-your-wordpress-blog/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-07.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
如果你的文章经常有大量的回复，你怎么不把他们显示并且高亮起来，这样不仅对用户有利，也使得文章更受欢迎了。</p>
<h3><a href="http://www.livexp.net/wordpress/display-the-total-number-of-trackbacks-on-your-wordpress.html">8.显示引用链接（Trackbacks）的总数</a></h3>
<p><a href="http://www.livexp.net/wordpress/display-the-total-number-of-trackbacks-on-your-wordpress.html"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-08.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
类似第7个技巧的功能，不过前提是你拥有客观数量的Trackback，一直显示0个看来也不是一种好事。</p>
<h3><a href="http://www.wprecipes.com/how-to-disable-commenting-on-posts-older-than-30-days">9.禁止对旧的文章进行评论</a></h3>
<p><a href="http://www.wprecipes.com/how-to-disable-commenting-on-posts-older-than-30-days"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-09.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
有的时候我们并不想用户对很久前的文章进行评论，<a href="http://www.ediyang.com/category/wordpress">Wordpress</a> 2.7中已经自带了这一个功能，如果你使用的是2.7以前的版本，那么你会需要这篇教程的</p>
<h3><a href="http://www.wprecipes.com/how-to-get-rid-of-the-comment-section-on-your-wordpress-blog">10.把回复区域去除掉</a></h3>
<p><a href="http://www.wprecipes.com/how-to-get-rid-of-the-comment-section-on-your-wordpress-blog"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-10.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
这看起来好像很怪异，也跟这整篇文章背道而驰的模样。但是当你需要发表某条新闻，又不想要任何评论（或许那就是敏感新闻）,这时候这篇文章就有他的用武之地了。</p>
<h3><a href="http://www.problogdesign.com/general-tips/how-to-make-your-own-default-avatar-in-5-minutes/">11.修改默认的Gravatar头像</a></h3>
<p><a href="http://www.problogdesign.com/general-tips/how-to-make-your-own-default-avatar-in-5-minutes/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-11.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
在<a href="http://www.ediyang.com/category/wordpress">Wordpress</a> 2.7中已经默认的在回复中开启Gravatar头像，不再像以前一样需要插件的支持。但是这又带来一个烦恼，默认的Gravatar不好看，我不喜欢等 等。在我看来，Gravatar头像简单易用，而且对回复页增色不少。对于没有注册Gravatar的朋友来说，为什么不提供一个好看的默认头像给他呢？</p>
<h3><a href="http://www.wprecipes.com/ho-to-use-twitter-avatars-in-comments/">12.使用Twitter头像替代Gravatar头像</a></h3>
<p><a href="http://www.wprecipes.com/ho-to-use-twitter-avatars-in-comments/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-12.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
如果你喜欢Twitter，并且你的回复中也有很多人喜欢Twitter，那么你大可以用Twitter头像来替代Gravatar头像</p>
<h3><a href="http://www.codex.wordpress.org/Template_Tags/edit_comment_link/">13.增加“编辑（Edit)”按钮</a></h3>
<p><a href="http://www.codex.wordpress.org/Template_Tags/edit_comment_link/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-13.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
在用户的回复旁边增加一个“Edit”可以让用户在后悔自己说过什么之后有机会修改自己的言论。这也是提高用户友好的一种体现。</p>
<h3><a href="http://www.codex.wordpress.org/Template_Tags/edit_comment_link/">14.把回复分页(插件)</a></h3>
<p><a href="http://www.codex.wordpress.org/Template_Tags/edit_comment_link/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-14.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
如果你的回复实在是太多了，太长了，那样子不但对用户不友好而且对搜索引擎也不友好,那么把你的回复分页显示吧。虽然<a href="http://www.ediyang.com/category/wordpress">Wordpress</a> 2.7已经内置了这一功能（看来2.7实在是一次不小的进步）,对于还在用2.7以下的Wordpress的朋友，你肯定会需要这个插件的</p>
<h3><a href="http://www.raproject.com/ajax-edit-comments-20/">15.WP Ajax Edit Comments（插件）</a></h3>
<p><a href="http://www.raproject.com/ajax-edit-comments-20/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-15.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
这个插件可以让作者轻松的修改、删除、屏蔽所以回复，同时也可以让用户修改自己的评论。</p>
<h3><a href="http://www.txfx.net/code/wordpress/subscribe-to-comments/">16. Subscribe to Comments -email通知用户的“您的言论被回复了”（插件）</a></h3>
<p><a href="http://www.txfx.net/code/wordpress/subscribe-to-comments/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-16.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
这个插件会在回复输入框下面自动生产一个选项“当你的言论被回复时是否用email通知你“,这样的确是一种双赢的方式，因为用户的确需要有人通知他，他的言论有别人回复了，而对于我们博客作者来说，这是加强用户粘度的好方法。强烈推荐。</p>
<h3><a href="http://www.wprecipes.com/how-to-display-the-most-commented-posts-of-2008/">17.显示2008年回复数最多的Top 10文章</a></h3>
<p><a href="http://www.wprecipes.com/how-to-display-the-most-commented-posts-of-2008/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-17.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
这篇文章告诉我们怎么样生产以回复数为标准的Top 10文章列表，不但可以让老用户对过去一年有一个回顾，也使新用户发现最受欢迎的文章。的确是个不错的注意。</p>
<h3><a href="http://www.dotsandloops.net/vault/104">18.回复验证技巧</a></h3>
<p><a href="http://www.dotsandloops.net/vault/104"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-18.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
对邮箱及回复内容的验证是反垃圾评论的第一步，这个方法利用了著名的Turing number来进行验证</p>
<h3><a href="http://www.nettuts.com/tutorials/wordpress/unraveling-the-secrets-of-wordpress-commentsphp-file/#general-code">19.禁止直接访问Comments.php文件</a></h3>
<p><a href="http://www.nettuts.com/tutorials/wordpress/unraveling-the-secrets-of-wordpress-commentsphp-file/#general-code"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-19.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
我们知道Comment.php文件是<a href="http://www.ediyang.com/category/wordpress">Wordpress</a>回复页中的核心文件，这篇文件教大家怎么样禁止别人对该文件的直接访问，或者显示一个警示框来警告该访问者</p>
<h3><a href="http://wpengineer.com/identify-authors-gravatars/">20. 用Gravatars头像来区别作者</a></h3>
<p><a href="http://wpengineer.com/identify-authors-gravatars/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-20.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
如果文章作者的头像比较特别，或是很明显的表达了”这就是作者“的含义，那对用户也有很大的帮助</p>
<h3><a href="http://www.nettuts.com/tutorials/wordpress/adding-form-validation-to-wordpress-comments-using-jquery/">21.用jQuery来验证回复信息</a></h3>
<p><a href="http://www.nettuts.com/tutorials/wordpress/adding-form-validation-to-wordpress-comments-using-jquery/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-211.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
利用jQuery或其他Javascript类库的简单易懂来提高网站的交互性已经是一个网站设计的大趋势，这里教大家用jQuery来验证用户信息，这样用户就可以在按下”提交“按钮之前知道自己的信息是否正确。</p>
<h3><a href="http://www.wpdesigner.com/2007/06/12/styling-individual-posts-using-the_id/">22.用the_ID()函数来样式化某一篇回复或文章</a></h3>
<p><a href="http://www.wpdesigner.com/2007/06/12/styling-individual-posts-using-the_id/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-22.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
有时候我们想要某一篇文章的样式比较特别，或是某一个回复要更特别点以吸引别人，那要怎么做呢？我们知道Wordpress中每篇文章及回复都是有一个唯一的ID的，我们可以用the_ID()这个函数来取得这个ID作为CSS的ID或是CLASS，怎么样？很实用吧</p>
<h3><a href="http://www.problogdesign.com/how-to/separating-trackbacks-from-comments/">23.把回复及引用(Trackbacks)分开显示</a></h3>
<p><a href="http://www.problogdesign.com/how-to/separating-trackbacks-from-comments/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-23.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
如果回复以及Trackbacks混合在一起，那样对用户是不够友好的，所以我建议把Trackbacks显示在所有回复的下方，就像很多Google官方博客那样做</p>
<h3><a href="http://www.dagondesign.com/articles/prevent-author-impersonation-in-wordpress-comments/">24.防止有人假冒作者进行回复</a></h3>
<p><a href="http://www.dagondesign.com/articles/prevent-author-impersonation-in-wordpress-comments/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-24.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
这篇文章教大家怎么样对回复者的邮箱及姓名与作者的信息进行对比，对假冒的回复进行屏蔽</p>
<h3><a href="http://www.wordpress.org/extend/plugins/jquery-reply-to-comment/">25.用jQuery在回复中增加一个”Reply（回复）“</a></h3>
<p><a href="http://www.wordpress.org/extend/plugins/jquery-reply-to-comment/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-25.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
什么意思呢？就是当用户看到其他人的回复言论，他想对这个人说一些话的时候。增加一个Reply按钮可以方便很多</p>
<h3><a href="http://www.nettuts.com/tutorials/wordpress/unraveling-the-secrets-of-wordpress-commentsphp-file/#allowed-tags">26.显示允许使用的html标签</a></h3>
<p><a href="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-26.jpg"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-26.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
在回复框下面显示允许回复者使用的html标签，只需要1行代码!马上试试</p>
<h3><a href="http://www.wprecipes.com/wordpress-how-to-provide-rss-feed-for-each-post-comments">27.显示回复的RSS链接</a></h3>
<p><a href="http://www.wprecipes.com/wordpress-how-to-provide-rss-feed-for-each-post-comments"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-27.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
如果你的回复量实在是太多太多了，当用户想紧追这篇文章时，他也许会需要订阅回复的RSS</p>
<h3><a href="http://www.catswhocode.com/blog/how-to-get-rid-of-the-nofollow-attribute-on-your-wordpress-blog">28.移除nofollow</a></h3>
<p><a href="http://www.catswhocode.com/blog/how-to-get-rid-of-the-nofollow-attribute-on-your-wordpress-blog"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-28.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
虽然Wordpress移动nofollow属性来防止搜索引擎对回复进行抓取，认为这是防止垃圾回复的方法之一。但是有的人不这么认为，如果你也想让你的回复被google抓取，那么就去掉nofollow属性吧</p>
<h3><a href="http://www.nettuts.com/tutorials/wordpress/hack-together-a-user-contributed-link-feed-with-wordpress-comments/">29.利用comments机制来做一个”用户提交的链接“</a></h3>
<p><a href="http://www.nettuts.com/tutorials/wordpress/hack-together-a-user-contributed-link-feed-with-wordpress-comments/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-29.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
Collis介绍了如果利用wordpress优秀的回复机制来创建一个“用户提交的链接”这样一个列表，不但加强了交互性，也使得博客的外联更丰富</p>
<h3><a href="http://www.christianmontoya.com/2006/10/15/full-featured-commentsphp-template-for-wordpress/">30.一个富功能的Comment.php</a></h3>
<p><a href="http://www.christianmontoya.com/2006/10/15/full-featured-commentsphp-template-for-wordpress/"><img class="alignnone size-full wp-image-94" title="mwwcph-01" src="http://www.ediyang.com/wp-content/uploads/2009/02/mwwcph-30.jpg" alt="mwwcph-01" width="480" height="190" /></a><br />
Christian这位好心人自己定制了一个功能丰富的Comment.php，有兴趣的可以替换自己主题那个文件</p>
<p>转载请注明来自<a href="http://www.ediyang.com">eddie yang&#8217;s creative</a><br />
英文原文<a href="http://www.instantshift.com/2009/02/08/30-most-wanted-wordpress-comments-page-hacks/">请点</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ediyang.com/30-most-wanted-wordpress-comments-page-hacks/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->