<?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>aeroom &#187; wordpress widgets</title>
	<atom:link href="http://kaero.org/tag/wordpress-widgets/feed/" rel="self" type="application/rss+xml" />
	<link>http://kaero.org</link>
	<description>Redesign my life.</description>
	<lastBuildDate>Sun, 29 Aug 2010 11:04:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>aeroom 重装上线</title>
		<link>http://kaero.org/2009/06/new_version_is_released/</link>
		<comments>http://kaero.org/2009/06/new_version_is_released/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 06:20:30 +0000</pubDate>
		<dc:creator>Kaero</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[wordpress plugins]]></category>
		<category><![CDATA[Wordpress Theme]]></category>
		<category><![CDATA[wordpress widgets]]></category>
		<category><![CDATA[网站更新]]></category>

		<guid isPermaLink="false">http://kaero.org/2009/06/30/new_version_is_released/</guid>
		<description><![CDATA[在两个月的忙碌时期过去之后，很低调很神速地在一周内将网站改版了。主要的变化是缩小了左侧的空白区，大幅增加了内容页面的宽度，上一版的可读区域的确是太小了。另外颜色也力求更少更淡，并且大范围地应用了圆角元素，作为一个 Web 从业者，努力提高网站的可用性和亲和力应该是我们始终不变的目标吧。]]></description>
			<content:encoded><![CDATA[<p class="front-words">在两个月的忙碌时期过去之后，很低调很神速地在一周内将网站改版了。主要的变化是缩小了左侧的空白区，大幅增加了内容区域的宽度，上一版的可读区域的确是太小了。另外颜色也力求更少更淡，并且大范围地应用了圆角元素，作为一个 Web 从业者，努力提高网站的可用性和亲和力应该是我们始终不变的目标吧。</p>
<p> <span id="more-873"></span>
<p><strong>一些插件和 Widget 方面的改变</strong></p>
<p class="flickr-photo-album"><img class="left" style="margin: 5px 10px 5px 0px; display: inline" title="flickr logo" alt="flickr logo" align="left" src="http://kaero.org/wp-content/uploads/2009/06/image6.png" width="181" height="77" /> 启用 <a href="http://www.tantannoodles.com/toolkit/photo-album/" target="_blank">Flickr Photo Alubm</a> 替换了过于臃肿的 NextGen Gallery，同时用其自带的 Widget 取代了 FlickrRSS，具体效果请参见现在的 <a title="Albums" href="/albums/" target="_blank">Albums</a>。除了 Flickr 在国内的速度稍慢之外，我觉得这款插件还是相当不错的。但是千万不要追求华丽给它启用任何 AJAX Slideshow 效果，否则看照片的人会发狂的。另外它的模板其实很好定制，一般来讲只要调整一下 /tantan-flickr/templates 文件夹里面的 photoalbum-index.php 就够了。 </p>
<p>弃用了 Quoter，启用了一个回复评论的通知插件：<a href="http://www.thinkagain.cn/archives/989.html" target="_blank">Mail to Commentor</a>，我觉得邮件通知真的很必要，非常利于形成友好的讨论氛围。还有一个相似的插件是 <a href="http://blog.2i2j.com/plugins/wordpress-thread-comment">WordPress Thread Comment</a>，相对来说功能更强大，只是回复的时候会改动表单的位置，对布局造成破坏，这个有点让人讨厌啊-_- </p>
<p>灵活地使用了更多的 Widget。我一直觉得每个页面都挂着同样的边栏是很糟糕的事情，比如首页和分类目录的边栏就应该有所不同，Post 和 Page之间也应该有所区别，不过稍事研究之后，却发现这原来是非常容易解决的问题。一般的主题都只有1个或2个边栏，但是我们根据上面的想法，觉得需要不同的4个边栏才够合理，那可以按照以下步骤进行设置： </p>
<ol>
<li>打开主题文件夹里面的 functions.php，搜索 <code>register_sidebars()</code> 函数，它应该以这样的形式存在的：       <br /><code>register_sidebars( 1, $p );</code>       <br />上面的“1”就是现在注册的边栏数，只要将其改为4<em>（或者是任何你预想的数字）</em>就行了。 </li>
<li>然后我们进入 WordPress 后台，就能在“外观 → 小工具”的管理界面中看到4个可用边栏了，你可以在这4个边栏中任意添加不同的 Widget。 </li>
<li>现在你刷新你的主题，应该会发现还是只有一个相同的边栏。这时打开主题文件夹里面的 sidebar.php，找到<code>&lt;div class=”sidebar”&gt;…&lt;/div&gt;</code>，复制3次<em>（一共是4个了）</em>，然后再赋予它们4个不同的ID，在这一步保存后再刷新主题，你会发现之前在后台设置的4个边栏都出现了——但是每个页面都是一样的，而且还是4个堆在一起！ </li>
<li>那么接下来就该让它们分别呈现于不同的页面了，我们给每个边栏加上显示的条件，比如在首页出现的边栏的前后加上以下PHP代码：
<p><code>&lt;?php if( is_home() || is_front_page() ) { ?&gt;          <br />&#160;&#160;&#160;&#160; &lt;div id=”home_sidebar” class=”sidebar”&gt; … &lt;/div&gt;           <br />&lt;?php } ?&gt; </code></p>
<p> 这样这个边栏就只会在首页出现了。类似的，我们可以给只出现在 Page 中的边栏加上 <code>is_page()</code> 的条件判断， Post 的边栏则加上 <code>is_single()</code>。更多条件判断语句可以参考 WordPress 官方文档的 <a title="Conditional Tags" href="http://codex.wordpress.org/Conditional_Tags" target="_blank">Conditional Tags</a> 页面。       </p>
<p><strong>需要注意的问题：</strong><code>query_posts()</code> 函数会导致某些判断无效，为了避免该状况发生，请务必在它后面加上 <code>wp_reset_query()</code> 函数。 </li>
</ol>
<p>启用了 <a href="http://fancy.klade.lv/" target="_blank">Fancybox</a>，暂时只在 <a href="/portfolio/" target="_blank">Portfolio</a> 页面应用了。虽然在IE8下面貌似会出现无响应的问题，不过仍然很喜欢它的样式。 </p>
<p><img class="left" style="margin: 5px 0px; display: inline" title="ie6-refused" alt="ie6-refused" align="left" src="http://kaero.org/wp-content/uploads/2009/06/ie6refused1.png" width="140" height="137" /><strong>碰到的一些问题</strong>：</p>
<p>IE6 正式被放弃，PNG 的透明问题实在是懒得去解决了，不过除此之外，似乎并没有出现让人难以忍受的布局问题。 不过好久没有接触过CSS，不由赞赏 IE8 还是一个相当不错的浏览器啊，两个IE6和IE7都保持的经典BUG：input 元素的 text-indent 无效以及无法正确地 float:right 的问题——都被修复了。</p>
<p>不过 Windows Live Writer 竟然不能正确加载新主题，真是奇怪呢——家里的 WLW 还因此而崩溃了，至今没有修复。 </p>
<p>好像要说明的就这些了，请大家帮忙反馈 BUG。</p>
]]></content:encoded>
			<wfw:commentRss>http://kaero.org/2009/06/new_version_is_released/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>在 WordPress 中共享你的 Google Reader 记录</title>
		<link>http://kaero.org/2008/04/share-your-greader-items/</link>
		<comments>http://kaero.org/2008/04/share-your-greader-items/#comments</comments>
		<pubDate>Wed, 23 Apr 2008 03:58:20 +0000</pubDate>
		<dc:creator>Kaero</dc:creator>
				<category><![CDATA[Free Talk]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[rss reader]]></category>
		<category><![CDATA[wordpress widgets]]></category>

		<guid isPermaLink="false">http://kaero.org/2008/04/23/%e5%9c%a8-wordpress-%e4%b8%ad%e5%85%b1%e4%ba%ab%e4%bd%a0%e7%9a%84-google-reader-%e8%ae%b0%e5%bd%95/</guid>
		<description><![CDATA[最简单也最通用的办法是利用 Google 官方提供的功能，就在“您的共享项目”页面顶部就有这么一个链接：&#160;点击这个链接转到定制界面：一目了然非常简单，还提供了各种配色方案可以选择，你也可以将颜色方案设为“None”，它就会使用主题自带的CSS样式了。你只需在 WordPress 后台为它新建一个文本 Widget，然后把这段代码粘贴到里面即可。 不过这样在某些主题里面可能不是非常协调，比如我现在使用的 Qwilm! 主题，直接丢上去就是这样子的：&#160;不但有两个标题，而且“了解详情”链接跟搜索的标题粘在一起了，看起来不是很舒服。如果你不懂 CSS，处理起来就比较麻烦，所以有必要寻找一些其他的办法。我这里提供两个参考链接： 首先是这个 Google Reader Widget fore WordPress：http://nothingoutoftheordinary.com/2007/05/26/wordpress-google-reader-widget/，标准的 WordPress Widget，可以设置Cache时间。 然后是这个：http://www.chimp-simple.com/2007/06/29/wordpress-on-autopilot-automatic-posting-google-reader-to-wordpress/，貌似更强大，未测试-_-]]></description>
			<content:encoded><![CDATA[<p>最简单也最通用的办法是利用 Google 官方提供的功能，就在“您的共享项目”页面顶部就有这么一个链接：<br /><img height="68" alt="image" src="http://kaero.org/wp-content/uploads/2008/04/image23.png" width="310">&nbsp;<br />点击这个链接转到定制界面：<br /><a href="http://kaero.org/wp-content/uploads/2008/04/image24.png"><img height="244" alt="定制界面" src="http://kaero.org/wp-content/uploads/2008/04/image-thumb5.png" width="440"></a><br />一目了然非常简单，还提供了各种配色方案可以选择，你也可以将颜色方案设为“None”，它就会使用主题自带的CSS样式了。你只需在 WordPress 后台为它新建一个文本 Widget，然后把这段代码粘贴到里面即可。</p>
<p><span id="more-233"></span></p>
<p>不过这样在某些主题里面可能不是非常协调，比如我现在使用的 <a href="http://oriol.f2o.org">Qwilm!</a> 主题，直接丢上去就是这样子的：<br /><img height="277" alt="image" src="http://kaero.org/wp-content/uploads/2008/04/image25.png" width="193">&nbsp;<br />不但有两个标题，而且“了解详情”链接跟搜索的标题粘在一起了，看起来不是很舒服。如果你不懂 CSS，处理起来就比较麻烦，所以有必要寻找一些其他的办法。我这里提供两个参考链接：</p>
<p>首先是这个 Google Reader Widget fore WordPress：<a title="http://nothingoutoftheordinary.com/2007/05/26/wordpress-google-reader-widget/" href="http://nothingoutoftheordinary.com/2007/05/26/wordpress-google-reader-widget/">http://nothingoutoftheordinary.com/2007/05/26/wordpress-google-reader-widget/</a>，标准的 WordPress Widget，可以设置Cache时间。</p>
<p>然后是这个：<a title="http://www.chimp-simple.com/2007/06/29/wordpress-on-autopilot-automatic-posting-google-reader-to-wordpress/" href="http://www.chimp-simple.com/2007/06/29/wordpress-on-autopilot-automatic-posting-google-reader-to-wordpress/">http://www.chimp-simple.com/2007/06/29/wordpress-on-autopilot-automatic-posting-google-reader-to-wordpress/</a>，貌似更强大，未测试-_-</p>
]]></content:encoded>
			<wfw:commentRss>http://kaero.org/2008/04/share-your-greader-items/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
