<?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>A.shun Blog &#187; Wordpress</title>
	<atom:link href="http://www.a-shun.com/archives/tag/wordpress/feed" rel="self" type="application/rss+xml" />
	<link>http://www.a-shun.com</link>
	<description>A.shun （@ashunyi）的个人网站。a-shun 分享着 Opera 浏览器使用技巧和 Opera 教程。折腾 Wordpress 主题，也会推荐新番动漫、分享软件和在线服务。</description>
	<lastBuildDate>Sat, 28 Jan 2012 02:32:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>可爱的 WordPress 表情 Riceball</title>
		<link>http://www.a-shun.com/archives/21481.html</link>
		<comments>http://www.a-shun.com/archives/21481.html#comments</comments>
		<pubDate>Wed, 10 Aug 2011 15:00:50 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[资源分享]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[礼物]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21481</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" title="Wordpress" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>常来的朋友都知道，我博客的 WordPress 表情几乎没有换过。<br />
其实不是几乎呐，而是从开始写博客用到现在都没换。</p>
<p>这套白色的小表情太萌了。但是有很多版本，又大多不全。<br />
终于在朋友的帮助下找到完整版和出处了，原来叫做 <strong>Riceball</strong> （饭团）。[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21481.html">可爱的 WordPress 表情 Riceball</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" title="Wordpress" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>常来的朋友都知道，我博客的 WordPress 表情几乎没有换过。<br />
其实不是几乎呐，而是从开始写博客用到现在都没换。</p>
<p>这套白色的小表情太萌了。但是有很多版本，又大多不全。<br />
终于在朋友的帮助下找到完整版和出处了，原来叫做 <strong>Riceball</strong> （饭团）。<span id="more-21481"></span></p>
<ul>
<li>名称：Riceball emotes</li>
<li>作者：<a href="http://dlanham.com/">David Lanham</a></li>
<li>下载地址：<a href="http://dlanham.com/ui/riceballs/">http://dlanham.com/ui/riceballs/</a></li>
</ul>
<p>预览：</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/web/riceballs.jpg"  class="gallery"><img class="aligncenter" title="Riceball 饭团表情" src="http://img.a-shun.com/web/riceballs.jpg" alt="Riceball 饭团表情" width="272" height="175" /></a></p>
<p>这原本不是为 wp 设计的，提供 adium、iChat 表情包和 png 格式。一共 34 个，多是好事，但是也纠结啊。<br />
虽然可以自定义更多的表情，不过 functions.php 已经够臃肿了，如果不去修改再好不过。还有就是全部放上去的话，为表情准备的位置不太够，好像也用不着那么多 &#8211; -<br />
我还是保留原来的数量 22 个吧。这之后又纠结该取舍那些。。。 <img src='http://img.a-shun.com/smilies/icon_twisted.gif' alt=':twisted:' class='wp-smiley' /> </p>
<p>要多而全的就直接到作者博客去下载一套吧。<br />
如果要筛选部分，可以<a title="Wordpress 表情 Riceball 下载" href="http://shun.googlecode.com/files/Riceball_for_wp_smilies.zip" rel="nofollow" target="_blank">下载</a>我用的表情包作为参考。（一切权利归原作者。<br />
第一个问号表情是从其他版本弄来的，表情代码和文件名也都是对应的。转换成了 Gif，体积更小。<br />
具体效果请参照我博客评论区的表情。</p>
<p>通常的使用方法是：把下载的压缩包解压后放到 <span style="text-decoration: underline; color: #ff6600;">wp-includes\images\smilies</span> 目录里替换掉原版。<br />
这里要推荐<strong>自定义 WordPress 表情图片地址的方法</strong>：<a href="http://kan.willin.org/?p=1341">自定義表情圖片位址</a><br />
按照文章中给出的代码，把表情路径改到主题目录或者其他地方，这样每当 WordPress 升级，表情图片也不好被覆盖了。<br />
另外，在 Willin Kan 的文章里还有<strong>增加表情数量的方法</strong>。</p>
<p>P.S.<br />
在折腾表情的时候发现奇怪的事情，官方的表情代码中有一段：<br />
<code>':shock:' =&gt; 'icon_eek.gif',<br />
':eek:' =&gt; 'icon_surprised.gif',</code>表示理解不能 <img src='http://img.a-shun.com/smilies/icon_twisted.gif' alt=':twisted:' class='wp-smiley' />  也将就照它这么来吧。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="可爱的 WordPress 表情 Riceball" href="http://www.a-shun.com/archives/21481.html"> 《可爱的 WordPress 表情 Riceball》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="可爱的 WordPress 表情 Riceball" href="http://www.a-shun.com/archives/21481.html">http://www.a-shun.com/archives/21481.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/present" rel="nofollow">礼物</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21424.html" title="赠送极限主题邀请码 第三期">赠送极限主题邀请码 第三期</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21481.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21481.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21481.html/feed</wfw:commentRss>
		<slash:comments>69</slash:comments>
		</item>
		<item>
		<title>WordPress 折腾手记 9</title>
		<link>http://www.a-shun.com/archives/21458.html</link>
		<comments>http://www.a-shun.com/archives/21458.html#comments</comments>
		<pubDate>Mon, 11 Apr 2011 14:32:10 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21458</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" title="Wordpress" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>好久没折腾主题了，粗略一算大概有三个月了 &#8211; -。</p>
<p>于是，这两天抽空对现用的 WordPress <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>进行不大不小的调整。<br />
顺便把主题改名为 zOva，只是以前的简化而已，意思不变。</p>
<p>按照惯例，写下折腾日志作为备忘 &#38; 相关代码推荐。[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21458.html">WordPress 折腾手记 9</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" title="Wordpress" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>好久没折腾主题了，粗略一算大概有三个月了 &#8211; -。</p>
<p>于是，这两天抽空对现用的 WordPress <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>进行不大不小的调整。<br />
顺便把主题改名为 zOva，只是以前的简化而已，意思不变。</p>
<p>按照惯例，写下折腾日志作为备忘 &amp; 相关代码推荐。<span id="more-21458"></span></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">主题新增功能</h2>
<h3 style="border-left: 5px solid #CCC;">侧边添加公告栏</h3>
<p>主要是 Twitter 输出，同时也作为公告栏，以及评论者欢迎词。OM 的说法是唠叨栏。<br />
看到好多朋友的博客上都有这个功能，也加上去玩玩。不过目前还存在一些小问题。</p>
<p style="text-align: center;"><img class="aligncenter" title="WP Twitter 输出" src="http://img.a-shun.com/wp/wp_zt9_03.jpg" alt="WP Twitter 输出" width="303" height="146" /></p>
<p>信息轮换显示使用的是：<a href="http://zww.me/archives/25368">jQuery实现信息轮换显示效果（方法2）</a>，Twitter 输出的代码也是找 OM 要的。</p>
<p>加上这个后还是挺纠结的，数据库查询时间多了一倍以上，明显的感觉到影响速度。(￣_￣|||)<br />
我现在的侧栏元素也显得太多了。</p>
<h3 style="border-left: 5px solid #CCC;">添加了 post_views 文章点击数显示</h3>
<p>不用白不用，目前累积了二十多天的点击数据，就在首页、Tag、分类、月份归档这几个地方显示吧。</p>
<p style="text-align: center;"><img class="aligncenter" title="post_views 文章点击数显示" src="http://img.a-shun.com/wp/wp_zt9_01.jpg" alt="post_views 文章点击数显示" width="204" height="95" /></p>
<h3 style="border-left: 5px solid #CCC;">添加了来自其他站点的访客欢迎词</h3>
<p><strong>对来自其他站点的访客显示欢迎词以及<span class='wp_keywordlink_affiliate'><a href="http://feeds2.feedburner.com/ashun" title="订阅" rel="nofollow">订阅</a></span>提示</strong>，这也看到蛮多朋友博客有这个的，有点作用，加上吧。<br />
当然，每次看到这个肯定很烦，因此<span style="color: #008000;">设置了 Cookies 判断显示，不会影响到评论者</span>。<br />
使用的方法来自：<a href="http://wange.im/wordpress-say-hello-to-vistors.html">WordPress 向来自其他域的访客致欢迎词</a></p>
<p><span style="color: #0000ff;">Tips</span>：</p>
<blockquote><p>那么，如何看到实际效果呢。去清理 Cookise 太麻烦了。这里有一个简单的方法，在隐身标签中打开这个<a href="http://www.google.com/search?q=a.shun&amp;sourceid=opera&amp;client=opera&amp;ie=utf-8&amp;oe=utf-8">搜索结果页</a>，从这进入我的博客你就能看到了～</p></blockquote>
<p>效果如图：</p>
<p style="text-align: center;"><img class="aligncenter" title="对来自其他站点的访客显示欢迎词" src="http://img.a-shun.com/wp/wp_zt9_05.jpg" alt="对来自其他站点的访客显示欢迎词" width="364" height="106" /></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">zOva 其他修改</h2>
<h3 style="border-left: 5px solid #CCC;">样式调整</h3>
<ul>
<li>改掉了之前显得“重口味”的搜索框，现在看起来清新多了。</li>
<li>主页稍微调整一下，日志之间添加虚线风格，并加大间距。之前被 OM 评价说“挤在一块”。。。orz</li>
<li>导航栏、链接样式、楼层号等样式小调整</li>
<li>修正了 IE6 环境下侧栏的一个错位问题</li>
</ul>
<p>之前的搜索框样式：</p>
<p style="text-align: center;"><img class="aligncenter" title="之前的搜索框" src="http://img.a-shun.com/wp/wp_zt9_04.jpg" alt="之前的搜索框" width="324" height="77" /></p>
<p>现在的搜索框样式：</p>
<p style="text-align: center;"><img title="现在的搜索框" src="http://img.a-shun.com/wp/wp_zt9_02.jpg" alt="现在的搜索框" /></p>
<h3 style="border-left: 5px solid #CCC;">JS 部分</h3>
<ul>
<li><a href="http://www.a-shun.com/archives/21363.html">Lazy Load jQuery</a> 作用范围添加评论者头像。</li>
<li>侧栏的 jQuery Tab 切换由点击触发改为滑过触发。</li>
<li>修复 IE 和 Chrome下 Ctrl+Enter 无法提交评论的问题。（这是蛮久以前的事情了，一并写上）<br />
我之前用的方法为了节省代码，太暴力了。感谢 <a href="http://arks.tk/">JaHIY</a> 同学提供的方法，也感谢阿修同学指出。</li>
</ul>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="WordPress 折腾手记 9" href="http://www.a-shun.com/archives/21458.html"> 《WordPress 折腾手记 9》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="WordPress 折腾手记 9" href="http://www.a-shun.com/archives/21458.html">http://www.a-shun.com/archives/21458.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li><li><a href="http://www.a-shun.com/archives/21416.html" title="WordPress 折腾手记 7">WordPress 折腾手记 7</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21458.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21458.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21458.html/feed</wfw:commentRss>
		<slash:comments>61</slash:comments>
		</item>
		<item>
		<title>WordPress 折腾手记 8</title>
		<link>http://www.a-shun.com/archives/21441.html</link>
		<comments>http://www.a-shun.com/archives/21441.html#comments</comments>
		<pubDate>Sat, 08 Jan 2011 13:53:16 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21441</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" title="Wordpress" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>昨天在弄归档页面的时候发现今年我还没有更新博客。。。</p>
<p>最近比较忙是一个原因，还有习惯性的注意力不集中也困扰着我。</p>
<p>好吧，每次文囧都是写篇折腾<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的总结来解决。<br />
改善 WordPress theme、记录博客的变化，同时为文囧做个缓冲，这不坏嘛。[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21441.html">WordPress 折腾手记 8</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" title="Wordpress" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>昨天在弄归档页面的时候发现今年我还没有更新博客。。。</p>
<p>最近比较忙是一个原因，还有习惯性的注意力不集中也困扰着我。</p>
<p>好吧，每次文囧都是写篇折腾<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的总结来解决。<br />
改善 WordPress theme、记录博客的变化，同时为文囧做个缓冲，这不坏嘛。<span id="more-21441"></span></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">图片查看插件更换为 <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/jquery" title="查看 jQuery 中的全部文章">jQuery</a></span> Lightbox</h2>
<p>之前用的 <a href="http://www.a-shun.com/archives/21365.html"><strong>Shadowbox</strong></a> 很不错，只是看久了有点腻，顺手换掉（其实换一段时间了，只是现在才提）</p>
<p><strong>jQuery Lightbox</strong> 可以更方便的翻上下张图片（直接点击图片左右侧即可），更方便的退出幻灯片浏览。<br />
而且体积小巧，js 部分仅 6K。<br />
支持的媒体类型好像只有图片而已，并没有 Shadowbox 那么丰富，不过对我来说足够了。</p>
<h3 style="border-left: 5px solid #CCC;">jQuery Lightbox 演示：</h3>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_zt8_03.jpg"  class="gallery"><img title="jQuery Lightbox" src="http://img.a-shun.com/wp/wp_zt8_03.jpg" alt="jQuery Lightbox" width="200" height="150" /></a><a href="http://img.a-shun.com/wp/wp_zt8_04.jpg"  class="gallery"><img title="jQuery Lightbox 演示" src="http://img.a-shun.com/wp/wp_zt8_04.jpg" alt="jQuery Lightbox 演示" width="200" height="150" /></a><a href="http://img.a-shun.com/wp/wp_zt8_05.jpg"  class="gallery"><img title="jQuery Lightbox 效果" src="http://img.a-shun.com/wp/wp_zt8_05.jpg" alt="jQuery Lightbox 效果" width="200" height="150" /></a></p>
<p>那么，我的图片查看效果插件变更：Highslide → Shadowbox → jQuery Lightbox<br />
恩，什么时候看腻了再换。</p>
<p>使用很简单，而且网上 N 多教程，我就不制造重复内容了。<br />
jQuery Lightbox  下载和使用方法见：<a href="http://leandrovieira.com/projects/jquery/lightbox/">jQuery lightBox plugin</a></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">页面调整</h2>
<h3 style="border-left: 5px solid #CCC;">博客月份归档页面</h3>
<p>以前的博客存档页面比较复杂，也存在一些问题。就换一个，同样是免插件的。</p>
<p>除了没有年份筛选功能，功能算是很完善的：显示每月文章数、显示每篇文章的评论数、jQuery 折叠滑动效果。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_zt8_01.jpg"  class="gallery"><img class="aligncenter" title="博客归档页面" src="http://img.a-shun.com/wp/wp_zt8_01.jpg" alt="博客归档页面" width="422" height="286" /></a></p>
<p>传送门：<a href="http://www.a-shun.com/archives">归档页面</a></p>
<p>实现方法：<a href="http://zww.me/archives/25209">代码实现WordPress归档页面模板</a></p>
<h3 style="border-left: 5px solid #CCC;">新的 404 页面</h3>
<p>其实也就是换了一张图片而已，这是在一张大图上截下来的。<br />
传送门：<a rel="nofollow" href="http://www.a-shun.com/404">404 页面</a></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">全站通过 W3C 验证</h2>
<p>W3C 验证的意义除了让网络更加标准之外，对个人而言主要在于帮助发现并纠正坏习惯。<br />
上一次搞定 CSS3 验证和让<a href="http://www.a-shun.com/archives/21416.html">首页通过了 Xhtml 1.1 验证</a>之后，现在把内页也搞好了。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_zt8_02.jpg"  class="gallery"><img class="aligncenter" title="Xhtml 验证" src="http://img.a-shun.com/wp/wp_zt8_02.jpg" alt="Xhtml 验证" width="482" height="233" /></a></p>
<p>这个简单，都是以前的不注意导致的。<br />
其实我还有一些带插件内容的页面过不了验证 &#8211; -。</p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">细节调整</h2>
<p>这也是本次折腾的主要部分，所以比较难以看出来。</p>
<ul>
<li>排版优化（这是永远的追求），稍微拓宽了正文部分，调整列表、引用、表格样式</li>
<li>导航栏和侧栏区块标题、楼层号样式微调</li>
<li>相关日志修复，样式调整</li>
</ul>
<p>恩，这次的改动幅度很小。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="WordPress 折腾手记 8" href="http://www.a-shun.com/archives/21441.html"> 《WordPress 折腾手记 8》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="WordPress 折腾手记 8" href="http://www.a-shun.com/archives/21441.html">http://www.a-shun.com/archives/21441.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/jquery" rel="nofollow">jQuery</a>, <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li><li><a href="http://www.a-shun.com/archives/21416.html" title="WordPress 折腾手记 7">WordPress 折腾手记 7</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21441.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21441.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21441.html/feed</wfw:commentRss>
		<slash:comments>74</slash:comments>
		</item>
		<item>
		<title>YSlow 和 Page Speed 优化</title>
		<link>http://www.a-shun.com/archives/21431.html</link>
		<comments>http://www.a-shun.com/archives/21431.html#comments</comments>
		<pubDate>Fri, 03 Dec 2010 12:26:24 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Bookmarklet]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21431</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>YSlow 和 Page Speed 是两款知名的<strong>网页性能分析工具</strong>，可以对你的页面载入效率进行打分，并给出改进性能的建议。</p>
<p>很多做<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的朋友都会参照这两项进行优化，并分享改进的经验。</p>
<p>那我也赶下潮流，稍微花了些时间，把 YSlow 和 Page Speed 的分数都提高到了 <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/" title="A">A</a></span> 级，当然这只是首页的成绩。[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21431.html">YSlow 和 Page Speed 优化</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>YSlow 和 Page Speed 是两款知名的<strong>网页性能分析工具</strong>，可以对你的页面载入效率进行打分，并给出改进性能的建议。</p>
<p>很多做<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的朋友都会参照这两项进行优化，并分享改进的经验。</p>
<p>那我也赶下潮流，稍微花了些时间，把 YSlow 和 Page Speed 的分数都提高到了 <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/" title="A">A</a></span> 级，当然这只是首页的成绩。<span id="more-21431"></span></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">晒测试成绩</h2>
<p>成绩如图：</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/yslow_pagespeed.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/yslow_pagespeed.jpg" alt="YSlow 和 Page Speed 优化 " width="538" height="186" /></a></p>
<p>测试的项目为全部，也就是 <strong>YSlow</strong> 23项、<strong>Page Speed</strong> 28项。<br />
Use a Content Delivery Network (CDN) 这一项基本是 0 分，嘛，小网站无视。<br />
另外还有一些图片缩放、CSS 选择器部分导致扣分。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">如何提高 YSlow 和 Page Speed  的分数</h2>
<p>其实也不难，下面从几个常见的方面说说怎么提高等级。大多来自朋友们分享的经验。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">减少页面文件大小</h3>
<ul>
<li>优化图片：压缩体积，减少使用缩放的图片</li>
<li>压缩 CSS  和 JS 文件</li>
</ul>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">减少 HTTP 请求数，减少 DNS 查询</h3>
<p>Http 请求数当然是越少越好，这方面的优化也很简单：</p>
<ul>
<li>合并 JS 、CSS 文件</li>
<li>给背景图片做 CSS sprite</li>
<li>不要外链太多其他域名的文件</li>
</ul>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">Use cookie-free domains</h3>
<p><strong>Use cookie-free domains</strong> 这一项对分数影响很大，建议折腾。</p>
<blockquote><p>当浏览器向服务器请求一张静态的图片前,会先发送同域名下的 cookie，服务器对于这些 cookie 不会做任何处理。因此它们只是在毫无意义的消耗带宽。所以你应该确保对于静态内容的请求是无 cookie 的请求。</p></blockquote>
<p>在 <span style="color: #ff6600;">wp-config.php</span> 加入<br />
<code>define('COOKIE_DOMAIN', '你的博客域名');</code></p>
<p>这样你的所有子域就 Cookie-free 了，然后用子域名来作图床是很好的选择。<br />
对于不加 WWW ，而是直接用顶级域名的，那么上面设置之后，子域名还是会带 Cookies，只能用另外的域名做图床了。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">Add Expires headers</h3>
<blockquote><p><strong>Expires   header</strong>，就是过期时间的header报文。这个文件过期时间，其实就是通过header报文来指定特定类型的文件在浏览器中的缓存时间。有些文件(例如样式表中调用的背景图片和文章中调用的图片)其实在很长一段时间内我们都不会对它们有什么改变，这类文件可以设置非常长的缓存时间，这样浏览器以后就不需要再从服务器下载这些文件而直接从缓存中读取，从而大大加速网站的载入速度。</p></blockquote>
<p>这个我们只要在 <span style="color: #ff6600;">.htaccess</span> 文件添加几行代码即可。<br />
<code># Expire images header<br />
ExpiresActive On<br />
ExpiresDefault A0<br />
ExpiresByType image/gif A2592000<br />
ExpiresByType image/png A2592000<br />
ExpiresByType image/jpg A2592000<br />
ExpiresByType image/jpeg A2592000<br />
ExpiresByType image/ico A2592000<br />
ExpiresByType text/css A2592000<br />
ExpiresByType text/javascript A2592000</code></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">Configure entity tags (ETags)</h3>
<p>在 <span style="color: #ff6600;">.htaccess</span> 中添加：<br />
<code>FileETag none</code></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">其他方面的优化</h3>
<ul>
<li>尽量不使用内嵌脚本、样式，应从外部加载</li>
<li>把 CSS 文件放在源代码的开头，把 JS 放在页面底部加载</li>
<li>优化 CSS 选择器（网页分析其实部分目的也是为了提高这方面的技巧）。</li>
<li>开启 Gzip ，这方面插件和代码的实现方法都有很多，有的主机控制面板还可以直接设置。</li>
<li>使用缓存插件（Hyper Cache、WP Super Cache 等）、数据库缓存插件（WordPress Object Cache、DB Cache Reloaded 等）</li>
</ul>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">参考资料</h2>
<p>以前把相应的链接放在了文章每段中，都有同学反映说我没给出方法。。。<br />
囧，难道是因为链接样式不显眼么。这次试试单独放一段。</p>
<p>感谢这几位博友提供的经验。</p>
<ul>
<li><a href="http://axiu.me/learning_notes/add_expires_headers/">WordPress速度优化之Expires Headers | Axiu&#8217;s blog</a></li>
<li><a href="http://kangzj.net/to-accelerate-wordpress-on-html-level/">html代码层次加速WordPress &#8211; Kangzj</a></li>
<li><a href="http://ooxx.me/cookie-free-domains-yslow.orz">Cookie-free Domains Yslow 极限页面性能优化 &#8211; 大猫の意淫筆記</a></li>
<li><a href="http://www.hzlzh.com/yslow-grade-a-and-source-99/">[网站加速]之优化网站Yslow评分到99 | 自力博客</a></li>
</ul>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;"><strong>Gtmetrix</strong><strong>：在线测试 YSlow 和 Page Speed</strong></h2>
<p>YSlow 和 Page Speed 都是基于 Firebug 的插件，使用 Firefox 的朋友就方便了，直接装扩展即可。</p>
<p>A.shun 这里用来测试的是<strong>在线网页性能分析工具 <a href="http://gtmetrix.com/">Gtmetrix</a></strong>，同时进行 YSlow 和 Page Speed 的测试，也会详细列出各个项目的成绩，给出改善的建议。</p>
<p>官方提供了 <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/bookmarklet" title="查看 Bookmarklet 中的全部文章">Bookmarklet</a></span> 方便调用，拖到你的书签栏或个人栏：<a rel="nofollow" href="javascript:(function(d){var%20f=d.createElement('form');f.action='http://gtmetrix.com/analyze.html?bm';f.method='post';var%20i=d.createElement('input');i.type='hidden';i.name='url';i.value=document.location.href;f.appendChild(i);d.body.appendChild(f);f.submit();})(document);">Gtmetrix Test any page easily</a><br />
顺便提供 <a href="http://www.a-shun.com/archives/tag/opera">Opera</a> 按钮（国际惯例 <img src='http://img.a-shun.com/smilies/icon_razz.gif' alt=':razz:' class='wp-smiley' />  ），拖到你的工具栏：<a title="Gtmetrix Test any page easily" href="opera:/button/Go%20to%20page,%20%22javascript:(function(d){var%20f=d.createElement('form');f.action='http://gtmetrix.com/analyze.html?bm';f.method='post';var%20i=d.createElement('input');i.type='hidden';i.name='url';i.value=document.location.href;f.appendChild(i);d.body.appendChild(f);f.submit();})(document);%22,%201,,%22Web%20Turbo%20Mode%20Enabled%22"><img src="http://www.a-shun.com/img/ico/button.png" alt="opera按钮" />Gtmetrix Test any page easily</a></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">P.S.</h2>
<p>1. 其实要把分数再提高些也完全可以做到，只是没必要。<br />
分数这些只是个参考，过分追求就不美了。而且有些优化会给我们平时修改主题带来麻烦。</p>
<p>2. 本文谈的问题主要是网页的性能，这不等于访问速度。<br />
访问速度在极大的程度上是取决于主机的带宽和性能，以及访问者的网络环境。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="YSlow 和 Page Speed 优化" href="http://www.a-shun.com/archives/21431.html"> 《YSlow 和 Page Speed 优化》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="YSlow 和 Page Speed 优化" href="http://www.a-shun.com/archives/21431.html">http://www.a-shun.com/archives/21431.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/bookmarklet" rel="nofollow">Bookmarklet</a>, <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21472.html" title="SkyDrive 改版，获取文件外链脚本更新">SkyDrive 改版，获取文件外链脚本更新</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21431.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21431.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21431.html/feed</wfw:commentRss>
		<slash:comments>80</slash:comments>
		</item>
		<item>
		<title>增强 WordPress 评论功能，提高访客体验</title>
		<link>http://www.a-shun.com/archives/21422.html</link>
		<comments>http://www.a-shun.com/archives/21422.html#comments</comments>
		<pubDate>Sat, 30 Oct 2010 15:08:59 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21422</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>我居然一周没更新了，好吧，最近有点懒。</p>
<p>昨晚开始对<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>进行新一轮的折腾。<br />
主要是针对评论部分的改进，<strong>WordPress 评论功能增强</strong>和<strong>提高体验</strong>等方面都有。</p>
<p>大多数功能都是在朋友们的博客上可以见到的，向各位学习了。<br />
现在我们来看看效果，发现问题的话请指出。[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21422.html">增强 WordPress 评论功能，提高访客体验</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>我居然一周没更新了，好吧，最近有点懒。</p>
<p>昨晚开始对<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>进行新一轮的折腾。<br />
主要是针对评论部分的改进，<strong>WordPress 评论功能增强</strong>和<strong>提高体验</strong>等方面都有。</p>
<p>大多数功能都是在朋友们的博客上可以见到的，向各位学习了。<br />
现在我们来看看效果，发现问题的话请指出。<span id="more-21422"></span><br />
效果总览：</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_comment2_01.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_comment2_01.jpg" alt="增强 WordPress 评论功能" width="502" height="332" /></a></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">给 Wp 评论框添加格式化编辑器</h2>
<p>很多论坛的回复框都带有简易编辑器，在博客评论框也加上会带来方便吧。<br />
根据 qiqiboy 的这篇：<a title="为评论框添加文字格式化编辑器" href="http://www.qiqiboy.com/2010/07/26/to-comment-box-to-add-text-formatting-editor.html">为评论框添加文字格式化编辑器</a>，先来加上几个常用的标签。</p>
<p>不过 WordPress 默认是注册用户才能在评论中插入图片，这个就不好玩了。<br />
于是根据这篇：<a title="让评论可以插入图片，更改文字大小、颜色" href="http://www.qiqiboy.com/2010/07/28/colorful-comments.html">让评论可以插入图片，更改文字大小、颜色</a>，再折腾了下，<strong>非登录用户也可以插入图片</strong>了。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_comment2_02.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_comment2_02.jpg" alt="WordPress 评论编辑器" width="433" height="206" /></a></p>
<p>由于大小不统一的字体和五颜六色容易让人烦躁，就没有加上去。<br />
但利用这个方法添加了插入 opera:config 链接和按钮的功能。（Opbut 按钮还没弄好，输入带有特殊符号的命令，生成的链接会出错。囧）。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">对不同用户显示特定表单</h2>
<p>这和以前的区别就是：<strong>对于发表过评论的用户，直接显示头像和用户名，隐藏资料输入框</strong>（当然，可以更改）。<br />
相信这能在一定程度上提高用访客体验。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_comment2_03.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_comment2_03.jpg" alt="隐藏访客资料输入框" width="443" height="66" /></a></p>
<p>这是<strong>通过 cookies 判断和用 jQuery 隐藏老访客资料输入框来实现</strong>，代码和方法是在 willin 的 A9 主题中挖掘的。<br />
在相关的 JS 没有载入之前还是能看到那几个框的，不过这是小问题了。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">显示访客最近评论次数</h2>
<p>比较有趣的小功能，可能会稍微提高访客评论的积极性。<br />
而且因为上面折腾了评论者头像显示，多加点信息看着比较好。效果见上面的图。</p>
<p>方法来自 winy 同学，<a title="WordPress显示最近评论次数" href="http://winysky.com/wordpress-shows-the-number-of-recent-comments">WordPress显示最近评论次数</a>。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">其他改进</h2>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">WordPress 内置嵌套回复 Ajax comments 更新到 1.30</h3>
<p>虽然蛮早之前就有了，但一直停在 1.29没有更新。这次顺手而已。</p>
<blockquote><p>用了新函数 get_post_status_object(), 只能在 WP 3.0 以上使用.<br />
默认使用 “再编辑” 功能, 如果不想使用, 请打开 comments-ajax.js 看第 10 行说明.</p></blockquote>
<p>详见：<a title="WordPress 内置嵌套评论专用 Ajax comments" href="http://kan.willin.org/?p=1271">WordPress 内置嵌套评论专用 Ajax comments</a></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">更新了给 WordPress 评论添加楼层号的代码</h3>
<p>之前的那段代码导致数据库查询数过多，囧<br />
在上一篇折腾评论的文章介绍过，建议同学们更新：<a title="只在WP主评论加上楼层号的方法" href="http://zww.me/archives/25161">只在WP主评论加上楼层号的方法（支持评论分页）</a></p>
<p>zww 是个负责任的大叔。我也要配合嘛。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">取消的评论功能</h3>
<ul>
<li>去掉了整条评论引用功能。嘛，因为是嵌套回复，需要引用整条评论的很少。</li>
<li>去掉了评论框文字计数器。本来就是没作用的，看腻了就算。</li>
</ul>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">评论样式和效果修改</h3>
<ul>
<li><strong>美化了悬浮显示评论的样式</strong><br />
鼠标移到 @用户 悬浮显示该用户的评论，这个功能虽然对于用嵌套的作用不大，不过改成无限嵌套之后能让评论层次稍微清楚一点。<br />
代码量不大也就一直留着，优化下样式当成装饰也是不错的。<br />
<a href="http://img.a-shun.com/wp/wp_comment2_04.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_comment2_04.jpg" alt="评论悬浮显示" width="453" height="155" /></a></li>
<li>稍微修改了提交评论之后的效果，更有动感的说。</li>
<li>评论样式微调，突出评论者的链接，取消回复的按钮移到右下角。</li>
</ul>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">后记</h2>
<p>还有一点是在我折腾的时候想的。</p>
<p>由于加上了快速标签，表情按钮就得挪地方了。<br />
于是决定了放在评论框下面，依然采用一整排全部列出的方式。</p>
<p>这布局虽然不是很好看，但<span style="color: #ff0000;">作为一个懒人，我不允许在自己的博客上插入一个表情要点两下鼠标。</span></p>
<p>提高访客体验是永远的追求，评论功能是其中很重要的部分。共勉之～</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="增强 WordPress 评论功能，提高访客体验" href="http://www.a-shun.com/archives/21422.html"> 《增强 WordPress 评论功能，提高访客体验》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="增强 WordPress 评论功能，提高访客体验" href="http://www.a-shun.com/archives/21422.html">http://www.a-shun.com/archives/21422.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li><li><a href="http://www.a-shun.com/archives/21416.html" title="WordPress 折腾手记 7">WordPress 折腾手记 7</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21422.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21422.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21422.html/feed</wfw:commentRss>
		<slash:comments>148</slash:comments>
		</item>
		<item>
		<title>Gravatar 被屏蔽，博客头像无法显示的解决方法</title>
		<link>http://www.a-shun.com/archives/21419.html</link>
		<comments>http://www.a-shun.com/archives/21419.html#comments</comments>
		<pubDate>Sat, 16 Oct 2010 10:06:38 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[观察思考]]></category>
		<category><![CDATA[Proxy]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21419</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/perspective"><img style="float: right;" src="http://img.a-shun.com/tag/think.gif" alt="观点" /></a>在国内写个博客就是这么难，叹。<br />
前些日子 <a title="Feedburner 再次被屏蔽" href="http://www.a-shun.com/archives/21364.html">Feedburner 再次被屏蔽</a>，给我们带来了很大的不便。<br />
这回轮到全球通用头像 <strong>Gravatar 的服务器被屏蔽了</strong>。</p>
<p>昨天，因为我用了头像缓存，直到进入后台控制面板才发现：偶们都是无头骑士。这玩意招谁惹谁了，怒 &#8211; -</p>
<p>本文收集了一些<strong>博客头像无法显示的问题解决方法</strong>（推荐头像缓存），欢迎补充。<br />
[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21419.html">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/perspective"><img style="float: right;" src="http://img.a-shun.com/tag/think.gif" alt="观点" /></a>在国内写个博客就是这么难，叹。<br />
前些日子 <a title="Feedburner 再次被屏蔽" href="http://www.a-shun.com/archives/21364.html">Feedburner 再次被屏蔽</a>，给我们带来了很大的不便。<br />
这回轮到全球通用头像 <strong>Gravatar 的服务器被屏蔽了</strong>。</p>
<p>昨天，因为我用了头像缓存，直到进入后台控制面板才发现：偶们都是无头骑士。这玩意招谁惹谁了，怒 &#8211; -</p>
<p>本文收集了一些<strong>博客头像无法显示的问题解决方法</strong>（推荐头像缓存），欢迎补充。<br />
<span id="more-21419"></span></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">被屏蔽的网址分析</h2>
<p>Gravatar 应该说是部分被墙，被屏蔽的网址有：</p>
<ul>
<li>0.gravatar.com</li>
<li>1.gravatar.com</li>
<li>2.gravatar.com</li>
<li>s.gravatar.com</li>
</ul>
<p>这些就是 WordPress3.0 的头像服务器，由此引发了部分博客用户头像无法显示。（<span style="color: #ff6600;">Wp 3.0 以下版本暂不受此事件影响</span>）<br />
事件的原因不晓得，莫名其妙。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/think/gravatar_block.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/think/gravatar_block.jpg" alt="Gravatar 被墙" width="363" height="316" /></a></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">解决方法1：使用头像缓存</h2>
<p>以下列举的方法仅针对 <strong>WordPress</strong>。<br />
在这个事件之前，<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/" title="A">A</a></span>.shun 和很多博客朋友们都用上了 Gravatar 头像缓存，为了减少站外请求，提升速度和稳定性。用头像缓存方法来解决 Gravatar 头像不显示的问题，是推荐的做法。</p>
<p>恩，<span style="color: #ff0000;">兼顾速度、稳定性</span>，在加上最近的特殊事件，大头像缓存时代来临了。</p>
<p>值得一提的是，头像缓存的原理是通过博客服务器访问 Gravatar.com，下载并保存该头像，需要的时候就从博客服务器调用。因此，<span style="color: #008000;">国内主机的用户无效</span>。使用国内主机的朋友直接看方法2。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">头像缓存的代码的实现方式：Mini Gavatar Cache</h3>
<p>这里首推的当然是 <a href="http://kan.willin.org/">Willin Kan</a> 的<strong>新版 Gravatar 头像緩存</strong>（Mini Gavatar Cache），<span style="color: #ff0000;">代码量少，并且调用方便</span>，久经考验。</p>
<p>虽然代码很少，但 willin 解释得颇为详细，在加上以后可能更新等因素，我这里就不贴了。<br />
需要的朋友请移步到：<a title="新版 Gravatar 头像緩存" href="http://kan.willin.org/?p=1320">新版 Gravatar 緩存</a></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">WordPress 头像缓存插件</h3>
<p>上面的代码方式是推荐的，也蛮简单。<br />
但如果你实在不想折腾，那么用插件吧。</p>
<ol>
<li><strong>Gravatars2</strong><br />
老牌、功能强大的头像插件，支持头像缓存，本地上传头像、随机头像等。<br />
<a href="http://zenpax.com/gravatars2/">Gravatars2 下载地址</a><br />
使用方法和详细介绍见：<a href="http://fairyfish.net/2007/06/24/gravatars2/">http://fairyfish.net/2007/06/24/gravatars2/</a></li>
<li><strong>Mini Gravatar Cache</strong><br />
<a href="http://www.evlos.org/2010/01/25/my-first-plugin-mini_gravatar_cache/">小邪同学</a>在以上  Willin 大师的代码基础上，改成插件版的。不喜欢折腾的可以考虑。<br />
<a href="http://wordpress.org/extend/plugins/wp-gravatar-mini-cache/">Mini Gravatar Cache下载地址</a></li>
<li><strong>GravatarLocalCache</strong><br />
没用过，顾名思义应该可以解决问题。<br />
<a href="http://wordpress.org/extend/plugins/gravatarlocalcache/">GravatarLocalCache 下载地址</a>。</li>
</ol>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">方法2：不显示博客头像或直接使用 Wp2.92</h2>
<p>不显示头像直接了当，不过相信没多少人会这么做。那多没意思啊。<br />
可以找后台的评论选项中进行设置，部分主题需要自行修改。</p>
<p>话说用 wp2.92也是不错的，很多人都没有升级到3.0呢，不过升级的人也不大可能退回去吧。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">方法3：修改 WordPress 源文件中的头像服务器地址</h2>
<p>既然 Wp3.0 之前的版本不受影响，那么找出其中的不同之处加以修改即可。<br />
此方法来自：<a href="http://blog.musicster.org/threads/49.htm">Gravatar被墙的解决方法两则</a></p>
<p>Gravatar 的代码是在 wp-includes 文件夹里的 <span style="color: #ff6600;">pluggable.php</span> ，用文本编辑器打开并搜索到以下代码（1645行）：</p>
<pre style="width: 90color; background-color: #f8f8f8; overflow: auto; padding: 10px; margin: 10px 10px 10px; border: 1px solid #e7e5dc; border-left: 3px solid #6ce26c;">if ( is_ssl() ) {
		$host = 'https://secure.gravatar.com';
	} else {
		if ( !empty($email) )
			$host = sprintf( "http://%d.gravatar.com", ( hexdec( $email_hash{0} ) % 2 ) );
		else
			$host = 'http://0.gravatar.com';
	}</pre>
<p>将以上代码替换为：</p>
<pre style="width: 90color; background-color: #f8f8f8; overflow: auto; padding: 10px; margin: 10px 10px 10px; border: 1px solid #e7e5dc; border-left: 3px solid #6ce26c;">if ( is_ssl() )
    $host = 'https://secure.gravatar.com';
else
    $host = 'http://www.gravatar.com';</pre>
<p>不想折腾也可以用插件：<a href="http://wpceo.com/gravatar-fixed/">Gravatar Fixed 头像修正插件</a>（<em>2010.10.18-update</em>）</p>
<p>分析：<br />
此方法优点是<span style="color: #ff0000;">对后台控制面板有效</span>。<br />
但修改 wp 源文件不便于升级，再说 www.gravatar.com 不知道什么时候也会遭殃。<span style="color: #008000;">治标不治本</span>。<br />
嘛，总之推荐头像缓存，国内主机也不宜久留。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="Gravatar 被屏蔽，博客头像无法显示的解决方法" href="http://www.a-shun.com/archives/21419.html"> 《Gravatar 被屏蔽，博客头像无法显示的解决方法》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="Gravatar 被屏蔽，博客头像无法显示的解决方法" href="http://www.a-shun.com/archives/21419.html">http://www.a-shun.com/archives/21419.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/proxy" rel="nofollow">Proxy</a>, <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21483.html" title="Opera 按钮：在浏览器中编辑 Host 文件">Opera 按钮：在浏览器中编辑 Host 文件</a></li><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21467.html" title="访问 operachina.com 的方法">访问 operachina.com 的方法</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21451.html" title="Opera 自动代理解决方案和代理菜单">Opera 自动代理解决方案和代理菜单</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21419.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21419.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21419.html/feed</wfw:commentRss>
		<slash:comments>118</slash:comments>
		</item>
		<item>
		<title>WordPress 折腾手记 7</title>
		<link>http://www.a-shun.com/archives/21416.html</link>
		<comments>http://www.a-shun.com/archives/21416.html#comments</comments>
		<pubDate>Wed, 13 Oct 2010 11:56:43 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21416</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>小折腾一下 WordPress，免得手生。<br />
现在<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的样式基本上已经固定下来了，一般来说不会做太大的改动，朴素就好。<br />
主要就修改一些小问题，现在回顾一下。<br />
恩，下次再来改善一些评论方面的问题。</p>
<p>文章的最后面，简单说下关于明天的传闻。<br />
[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21416.html">WordPress 折腾手记 7</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>小折腾一下 WordPress，免得手生。<br />
现在<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的样式基本上已经固定下来了，一般来说不会做太大的改动，朴素就好。<br />
主要就修改一些小问题，现在回顾一下。<br />
恩，下次再来改善一些评论方面的问题。</p>
<p>文章的最后面，简单说下关于明天的传闻。<br />
<span id="more-21416"></span></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">页面模板</h2>
<p>页面是主要改动的部分。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">Tag 、分类 、月份 页面</h3>
<p>首先，重写了 <a href="http://www.a-shun.com/archives/tag/wordpress">Tag </a>、<a href="http://www.a-shun.com/archives/category/res">分类</a> 、<a href="http://www.a-shun.com/archives/date/2010/06">月份</a> 页面的模板，不再和日志页类似，更加简洁了。<br />
页面显示更多条目并且缩短了长度，方便找资料。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">新的站内搜索页面</h3>
<p>整合的 Google 站内搜索现在采用了 Ajax 加载的方式，样式也更加协调了。<a rel="nofollow" href="http://www.a-shun.com/search?cx=013922939091722440074%3Ar447a4og9si&amp;cof=FORID%3A11&amp;ie=UTF-8&amp;q=Opera&amp;sa=">传送门</a>。</p>
<p>方法详见：<a href="http://www.hzlzh.com/wordpress-google-site-search/">WordPress整合Google自定义搜索</a></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">通过 Xhtml 1.1 验证</h2>
<p>上次让<a href="http://www.a-shun.com/archives/21409.html">主题通过 W3C CSS3 验证</a>之后。Xhtml 还过不了。趁此机会折腾下。<a rel="nofollow" href="http://validator.w3.org/check?uri=http://www.a-shun.com/">传送门</a></p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_zt7_01.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_zt7_01.jpg" alt="Xhtml 1.1 验证" width="462" height="252" /></a></p>
<p>确切的说，是首页通过 Xhtml 1.1 验证。日志页由于以前的习惯问题，加上播放器、各种插件，唉- -，有空再慢慢折腾吧，先假装通过。</p>
<p>要通过验证其实也不难，对照着校验页面的信息来修改即可。<br />
我这主要是去掉了页面中的 target=”_blank ，给图片加上 Alt 属性，使用新的 Google 站内搜索框代码。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">其他折腾</h2>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">更换了免插件最新评论代码</h3>
<p>效果一样，见侧栏。<br />
好处是代码精简了些，也不再直接用 SQL 语言调用数据库。</p>
<p>详见：<a href="http://zww.me/archives/25317">用get_comments()函数实现带头像最新评论</a></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">WordPress 缓存</h3>
<p>貌似，DB Cache Reloaded 在 Wp3.0 下效果不明显？<br />
暂时开启了 <strong>WordPress Object Cache 缓存</strong>来替代。效果差不多，<a href="http://neosmart.net/dl.php?id=14">Object Cache</a>是 08年的老东西了，不简单。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_zt7_02.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_zt7_02.jpg" alt="Wordpress Object Cache" width="482" height="125" /></a></p>
<p>方法：<a href="http://www.wopus.org/wordpress-deepin/tech/462.html">启用 WordPress object-cache 缓存</a></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">CSS 问题修正</h3>
<p>很囧的 <strong>CSS3 圆角</strong>问题，现在才发现 Friefox 下，实现部分圆角这么写是不行的：</p>
<pre style="width: 90color; background-color: #f8f8f8; overflow: auto; padding: 10px; margin: 10px 10px 10px; border: 1px solid #e7e5dc; border-left: 3px solid #6ce26c;">-moz-border-top-left-radius
-moz-border-top-right-radius</pre>
<p>而必须这样：</p>
<pre style="width: 90color; background-color: #f8f8f8; overflow: auto; padding: 10px; margin: 10px 10px 10px; border: 1px solid #e7e5dc; border-left: 3px solid #6ce26c;">
-moz-border-radius-topleft
-moz-border-radius-topright</pre>
<p>当然，这不是标准属性，继续用 JS 输出。<br />
这下，总算除 IE 外的主流浏览器显示效果一致了。</p>
<p><strong>搜索框</strong>现在在 IE 下不会在错位了，Firefox 也不会出现光标过高的问题了。</p>
<p>另外还修正一些 Css 的小问题，感谢 <a href="http://kars.aa.am/">Kars</a> 同学的指出。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">P.S.</h3>
<p>Opera <a href="http://www.opera.com/portal/unw/">UNW</a> 明天就来了。<br />
据说，新版要加入比较让人在意的功能，- -<br />
怎么说好呢，当然也期待，但总之心情复杂。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="WordPress 折腾手记 7" href="http://www.a-shun.com/archives/21416.html"> 《WordPress 折腾手记 7》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="WordPress 折腾手记 7" href="http://www.a-shun.com/archives/21416.html">http://www.a-shun.com/archives/21416.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21416.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21416.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21416.html/feed</wfw:commentRss>
		<slash:comments>60</slash:comments>
		</item>
		<item>
		<title>让主题通过 W3C CSS3 验证</title>
		<link>http://www.a-shun.com/archives/21409.html</link>
		<comments>http://www.a-shun.com/archives/21409.html#comments</comments>
		<pubDate>Wed, 15 Sep 2010 06:21:20 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21409</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>最近比较忙，同时有沉迷于各种东西。。。（什么逻辑，忙还能沉迷其他的）</p>
<p>好久没折腾了，博客要长草了，惭愧。是该稍微重视下。</p>
<p>“<span style="color: #008000;">武艺之道是从整理出清爽舒适的空间开始</span>”。恩，吐槽语里面还是有几句靠谱的。<br />
好吧，不只是武艺，其实各种方面都是如此，博客亦如此，既然空间什么的暂时动不了，那就 WordPress <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>吧，动的就是你。<br />
[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21409.html">让主题通过 W3C CSS3 验证</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>最近比较忙，同时有沉迷于各种东西。。。（什么逻辑，忙还能沉迷其他的）</p>
<p>好久没折腾了，博客要长草了，惭愧。是该稍微重视下。</p>
<p>“<span style="color: #008000;">武艺之道是从整理出清爽舒适的空间开始</span>”。恩，吐槽语里面还是有几句靠谱的。<br />
好吧，不只是武艺，其实各种方面都是如此，博客亦如此，既然空间什么的暂时动不了，那就 WordPress <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>吧，动的就是你。<br />
<span id="more-21409"></span><br />
其实这个主题最原始的状态，是可以通过 W3C 验证的，但我是折腾着玩，也就没有考虑标准什么的，而且还有考虑各个浏览器的兼容问题。验证就杯具了。<br />
趁此机会还是让它通过验证好。<br />
恩，看到绿色的对勾会有那么一点点满足感。 <img src='http://img.a-shun.com/smilies/icon_redface.gif' alt=':oops:' class='wp-smiley' /> </p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/valid-CSS3.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/valid-CSS3.jpg" alt="W3C CSS3 验证" width="451" height="218" /></a></p>
<p>虽然往往标准和浏览器的兼容总是冲突的，不遵守规范和不那么遵守的都很多。<br />
但解决方法也很简单，就是把 box-shadow 和其他的私有属性（-moz 之类的）放到js里面输出。<br />
这是 <a href="http://kan.willin.org/">Willin Kan</a> 大师在 <a href="http://kan.willin.org/?p=1318">A9 主题</a>中的做法，值得借鉴。</p>
<p>另外 XHTML 验证中出现了一下莫名其妙的错误。。不懂，暂时不折腾，不要太过分执着。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="让主题通过 W3C CSS3 验证" href="http://www.a-shun.com/archives/21409.html"> 《让主题通过 W3C CSS3 验证》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="让主题通过 W3C CSS3 验证" href="http://www.a-shun.com/archives/21409.html">http://www.a-shun.com/archives/21409.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21409.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21409.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21409.html/feed</wfw:commentRss>
		<slash:comments>76</slash:comments>
		</item>
		<item>
		<title>升级到 WordPress 3.01</title>
		<link>http://www.a-shun.com/archives/21381.html</link>
		<comments>http://www.a-shun.com/archives/21381.html#comments</comments>
		<pubDate>Sat, 04 Sep 2010 07:27:53 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21381</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>WordPress 3.0 发布至今已经两个多月。据说一开始 bug 蛮多，再加上中文语言直到 <strong>WordPress 3.01</strong> 发布之后才跟上。</p>
<p>我就一直没有升级，也觉得 3.0 的新特性暂时还用不上。</p>
<p>不过很多插件都提示更新，大多数是为了兼容 Wp 3.0x。<br />
今天在本地测试了主题兼容性还行，就顺手更新一下吧。<br />
[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21381.html">升级到 WordPress 3.01</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>WordPress 3.0 发布至今已经两个多月。据说一开始 bug 蛮多，再加上中文语言直到 <strong>WordPress 3.01</strong> 发布之后才跟上。</p>
<p>我就一直没有升级，也觉得 3.0 的新特性暂时还用不上。</p>
<p>不过很多插件都提示更新，大多数是为了兼容 Wp 3.0x。<br />
今天在本地测试了主题兼容性还行，就顺手更新一下吧。<br />
<span id="more-21381"></span><br />
我使用的是后台自动更新，一切顺利 <img src='http://img.a-shun.com/smilies/icon_redface.gif' alt=':oops:' class='wp-smiley' />  。没有什么要注意的问题。<br />
<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/wordpress" title="查看 Wordpress 中的全部文章">Wordpress</a></span> 3.0 的后台很朴素，对我胃口。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_3.01.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_3.01.jpg" alt="Wordpress 3.0 中文版" width="422" height="243" /></a></p>
<p>早上后台看了下，一共启用的 9 个插件就有 8 个提示要升级，囧，很久没有自动更新了，这回一次性解决。</p>
<p>其中著名的懒人插件<strong> <a href="http://wordpress.org/extend/plugins/super-switch/">Super Switch</a> </strong>在前几天也升级到 1.5 版本了，已经能很好的工作在 wp 3.01 环境下，设置了<strong>禁止 WordPress 自动保存功能</strong>和禁止修订版本，就不用再为日志 id 不连续之类的问题烦恼了。前几天 <a href="http://zww.me/archives/25290">OM 就为此烦恼</a>，嘿  <img src='http://img.a-shun.com/smilies/icon_biggrin.gif' alt=':grin:' class='wp-smiley' />  。</p>
<p>目前没有发现主题不兼容的地方，顺手给主题加上了 Wp 3.0 自定义菜单支持（暂时还没使用）。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_3.01_02.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_3.01_02.jpg" alt="Wordpress 3.0 自定义二级菜单" width="463" height="236" /></a></p>
<p>P.S. 最近又在对主题进行一些优化，不过不容易发现，过些天再总结。<br />
P.S.2 此文顺便用于测试 YOURLS: WordPress To Twitter 插件，缩短 WordPress 日志网址并同步的 Twitter，能否正常工作。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="升级到 WordPress 3.01" href="http://www.a-shun.com/archives/21381.html"> 《升级到 WordPress 3.01》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="升级到 WordPress 3.01" href="http://www.a-shun.com/archives/21381.html">http://www.a-shun.com/archives/21381.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/plugins" rel="nofollow">Plugins</a>, <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21381.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21381.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21381.html/feed</wfw:commentRss>
		<slash:comments>51</slash:comments>
		</item>
		<item>
		<title>反垃圾评论：WP Anti Spam + Spam To Blacklist</title>
		<link>http://www.a-shun.com/archives/21377.html</link>
		<comments>http://www.a-shun.com/archives/21377.html#comments</comments>
		<pubDate>Sun, 01 Aug 2010 14:55:13 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21377</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>这年头 Spam（垃圾评论）越来越猖獗，在我们使用的 WordPress 平台亦是如此。</p>
<p>当然，万能的 <strong>WordPress 对付 Spam 的方法</strong>也有很多。<br />
个人并不喜欢使用验证码、算术题之类的，那虽然很有效，但会给评论者造成麻烦。<br />
而评论审核则会影响体验，仅在离开较长时间才会打开。</p>
<p>再此分享一下我的<strong>反垃圾评论方案</strong>：免插件的<strong>WP Anti Spam</strong> + <strong>Spam To Blacklist</strong> 插件。<br />
[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21377.html">反垃圾评论：WP Anti Spam + Spam To Blacklist</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>这年头 Spam（垃圾评论）越来越猖獗，在我们使用的 WordPress 平台亦是如此。</p>
<p>当然，万能的 <strong>WordPress 对付 Spam 的方法</strong>也有很多。<br />
个人并不喜欢使用验证码、算术题之类的，那虽然很有效，但会给评论者造成麻烦。<br />
而评论审核则会影响体验，仅在离开较长时间才会打开。</p>
<p>再此分享一下我的<strong>反垃圾评论方案</strong>：免插件的<strong>WP Anti Spam</strong> + <strong>Spam To Blacklist</strong> 插件。<br />
<span id="more-21377"></span></p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_Anti_spam_01.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_Anti_spam_01.jpg" alt="wordpress 反垃圾评论" width="348" height="212" /></a></p>
<p>这是两个月内收到的 Spam，该清理了～</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">WP Anti Spam 小墙，免插件的反 Spam 方案</h2>
<p>我之前一直是用着 wp 自带的 Akismet ，使用黑名单机制，但无论对机器还是人肉 Spam 都很不错，还能自动学习。<br />
不过时不时会把一些正常的评论误杀了，导致经常要跑去检查垃圾评论- -。</p>
<p>后来发现了这个 <a href="http://kan.willin.org/?p=1324"><strong>WP Anti Spam</strong></a> ，昵称<strong>小墙</strong>，<strong>是免插件拦截垃圾评论的利器</strong>。<br />
来自低调的大师 <a href="http://kan.willin.org/">Willin Kan</a> ，周围的很多朋友也在用着，评价很高。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">小墙原理和功能</h3>
<p>其原理可以简单理解为：添加一个隐藏的资料框（属性为 display:none 的 textarea），因为用户是看不到的，如果该区域被填满则判断为 Spam。<br />
还也能判断一些手动方式的。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_Anti_spam_02.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_Anti_spam_02.jpg" alt="WP Anti Spam 小墙" width="440" height="330" /></a></p>
<p>另外还在<span style="color: #ff0000;">后台提供了spam 的基本资料</span>，包含请求( REQUEST_URI )、来路( HTTP_REFERER )、IP、操作方式,，可提供下一步加强防护的参考。（见上图）</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">使用 WP Anti Spam 小墙的方法</h3>
<p>效果出色，还免插件，没什么好犹豫的。<br />
将以下代码复制到主题的 functions.php 中即可。</p>
<pre style="width: 95%; max-height: 300px; color: #777; background-color: #f8f8f8; overflow: auto; padding: 10px; margin: 10px 10px 10px; border: 1px solid #e7e5dc; border-left: 3px solid #6ce26c;">/* &lt;&lt;小牆&gt;&gt; Anti-Spam v1.81 by Willin Kan. */
//建立
class anti_spam {
  function anti_spam() {
    if ( !current_user_can('level_0') ) {
      add_action('template_redirect', array($this, 'w_tb'), 1);
      add_action('init', array($this, 'gate'), 1);
      add_action('preprocess_comment', array($this, 'sink'), 1);
    }
  }
  //設欄位
  function w_tb() {
    if ( is_singular() ) {
      ob_start(create_function('$input','return preg_replace("#textarea(.*?)name=([\"\'])comment([\"\'])(.+)/textarea&gt;#",
      "textarea$1name=$2w$3$4/textarea&gt;&lt;textarea cols="\"100%\"" rows="\"4\"" name="\"comment\""&gt;&lt;/textarea&gt;",$input);') );
    }
  }
  //檢查
  function gate() {
    if ( !empty($_POST['w']) &amp;&amp; empty($_POST['comment']) ) {
      $_POST['comment'] = $_POST['w'];
    } else {
      $request = $_SERVER['REQUEST_URI'];
      $referer = isset($_SERVER['HTTP_REFERER']) ? $_SERVER['HTTP_REFERER']         : '隱瞞';
      $IP      = isset($_SERVER["HTTP_VIA"])     ? $_SERVER["HTTP_X_FORWARDED_FOR"]. ' (透過代理)' : $_SERVER["REMOTE_ADDR"];
      $way     = isset($_POST['w'])              ? '手動操作'                       : '未經評論表格';
      $spamcom = isset($_POST['comment'])        ? $_POST['comment']                : null;
      $_POST['spam_confirmed'] = "請求: ". $request. "\n來路: ". $referer. "\nIP: ". $IP. "\n方式: ". $way. "\n內容: ". $spamcom. "\n -- 記錄成功 --";
    }
  }
  //處理
  function sink( $comment ) {
    if ( !empty($_POST['spam_confirmed']) ) {
      if ( in_array( $comment['comment_type'], array('pingback', 'trackback') ) ) return $comment; //不管 Trackbacks/Pingbacks
      //方法一: 直接擋掉, 將 die(); 前面兩斜線刪除即可.
      //die();
      //方法二: 標記為 spam, 留在資料庫檢查是否誤判.
      add_filter('pre_comment_approved', create_function('', 'return "spam";'));
      $comment['comment_content'] = "[ 小牆判斷這是Spam! ]\n". $_POST['spam_confirmed'];
    }
    return $comment;
  }
}
$anti_spam = new anti_spam();
// -- END ----------------------------------------</pre>
<p>另外，我们可以看到很多 Spam 都是直接向 <strong>wp-comments-post.php</strong> 发出请求。<br />
由于我使用了 Willin 大师的 Ajax comments，所以也可以把 wp-comments-post.php 给重命名了，这基本上阻挡了所有的机器 Spammer，不过没有 Spammer的日子也寂寞，哈哈。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">Spam To Blacklist 插件，对抗人肉 Spam 的利器</h2>
<p>这是来自 <a href="http://www.jiucool.com/">jiucool</a> 同学的原创插件。<br />
<strong>Spam To Blacklist 这个插件的作用是，在用户手动标记为垃圾评论时，自动将其 Email 和 URL 添加到评论黑名单。</strong></p>
<p>小墙在对付机器 Spam 之类的无比强大，但并不是采用像 Akismet 那种黑名单机制，人肉的 Spammer 容易漏网。</p>
<p>这个Spam To Blacklist 刚好能补充这方便的不足，<span style="color: #ff0000;">人肉对抗人肉，插件是把操作给简化了</span>。<br />
消灭那些 xx Seo，xx推广，xx网站 &#8211; -。</p>
<p>为了更新方便，请移步到 <a href="http://www.jiucool.com/spam_to_blacklist/">Spam To Blacklist 的主页</a>下载。</p>
<p>下载插件后，解压完成将其上传至 /wp-content/plugins/ 目录，然后启用之即可，无需其他操作！</p>
<p>这就是我目前的反垃圾评论方案，你的呢？欢迎分享经验^ ^</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="反垃圾评论：WP Anti Spam + Spam To Blacklist" href="http://www.a-shun.com/archives/21377.html"> 《反垃圾评论：WP Anti Spam + Spam To Blacklist》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="反垃圾评论：WP Anti Spam + Spam To Blacklist" href="http://www.a-shun.com/archives/21377.html">http://www.a-shun.com/archives/21377.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/plugins" rel="nofollow">Plugins</a>, <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21377.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21377.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21377.html/feed</wfw:commentRss>
		<slash:comments>62</slash:comments>
		</item>
	</channel>
</rss>

