<?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 plugins</title>
	<atom:link href="http://kaero.org/tag/wordpress-plugins/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>NextGen Gallery，影集</title>
		<link>http://kaero.org/2008/04/nextgen-gallery/</link>
		<comments>http://kaero.org/2008/04/nextgen-gallery/#comments</comments>
		<pubDate>Sat, 19 Apr 2008 07:42:32 +0000</pubDate>
		<dc:creator>Kaero</dc:creator>
				<category><![CDATA[Free Talk]]></category>
		<category><![CDATA[NextGen Gallery]]></category>
		<category><![CDATA[wordpress plugins]]></category>
		<category><![CDATA[教程]]></category>

		<guid isPermaLink="false">http://kaero.org/2008/04/19/nextgen-gallery%ef%bc%8c%e5%bd%b1%e9%9b%86/</guid>
		<description><![CDATA[今天我给 FunnyWork 新增了一个 Albums 页面，具体效果大家可以自行查看。这个相册是利用 WordPress 插件 NextGen Gallery 实现的，那么现在就来教教大家怎么来新建一个新的影集。 首先登录到 WordPress 后台，点击网站名称下面的“影集”进行管理。一进来便是 NextGen Gallery 的概览页面，橙色的工具条右端有很醒目的两个按钮： 顾名思义，前面一个按钮是管理影集，而后面那个就是上传图片了，点击它进入到下一步：添加一个新影集。 新影集的名称不允许出现汉字，不过无需担心，这个只是用来命名图片所在的新文件夹，影集显示的标题是可以在以后任意修改的。 建好影集之后，就可以向影集里面添加图片了，添加图片有三种途径： 上传一个ZIP文件，NextGen 会自己解压缩这个包里所有的图片。不过需要特别提醒的是，Winrar 默认的压缩格式.rar 是不支持的哦； 导入图片文件夹。用 FTP 的同学有福了（这个……貌似只有俺自己有 FTP 权限-_-），你可以直接使用 FTP 把图片上传到某个文件夹，而且不一定就得传到 NextGen 默认的 /wp-content/gallery/ 下面，这个文件夹是可以任意指定的。你甚至可以指定 WordPress 默认的上传文件夹，比如 /wp-content/uploads/2008/04/，这样就能显示2008年4月上传的所有照片了，很强大吧？不过千万要慎重，某次我在勾选了“当删除影集时删除文件”（该选项可以在 NextGen 的选项里面修改）的情况下删除了这么一个影集，直接导致日志里面所有图片都不能显示的悲惨后果…… 最后一个，也是最土鳖的方法：上传图片。这个就不用多介绍了，记得选择相应的相册即可。 不要以为上传好了照片就万事大吉，这个还是有点小小的麻烦的，你需要转到“管理影集”的页面，对你刚建立好的影集进行操作，否则它是不会显示在 Albums 页面上的。 进入某个影集的修改界面，默认是该影集下面所有的图片列表，你可以修改图片的标题、描述，或者删除它。还可以在选中图片ID之后对其进行如下操作： 如果你在 NextGen Gallery 的“选项”页面激活了相关图片功能的话，那有一个功能你必须了解一下，就是“显示标签”： 给图片定义标签之后，比如给某张图片定义了一个标签“女王”，那么在有“女王”标签的日志页面上就会显示这张图片了。一张图片可以使用英文逗号“,”同时定义多个标签。 以上是影集内图片的编辑选项，那么整个影集该怎么编辑呢？这个比较隐蔽，在影集标题的后面有这么一个按钮： &#160; 就是它了。点击会展开影集的相关选项，一共是六个： 标题。 描述。 路径。 [...]]]></description>
			<content:encoded><![CDATA[<p>今天我给 <a href="http://funnywork.cn">FunnyWork</a> 新增了一个 <a href="http://funnywork.cn/?page_id=31">Albums</a> 页面，具体效果大家可以自行查看。这个相册是利用 WordPress 插件 <a href="http://alexrabe.boelinger.com/category/nextgengallery/">NextGen Gallery</a> 实现的，那么现在就来教教大家怎么来新建一个新的影集。</p>
<p>首先登录到 WordPress 后台，点击网站名称下面的“影集”进行管理。一进来便是 NextGen Gallery 的概览页面，橙色的工具条右端有很醒目的两个按钮：</p>
<p><img height="35" alt="image" src="http://kaero.org/wp-content/uploads/2008/04/image4.png" width="240"> </p>
<p><span id="more-211"></span></p>
<p>顾名思义，前面一个按钮是管理影集，而后面那个就是上传图片了，点击它进入到下一步：添加一个新影集。</p>
<p><img height="242" alt="image" src="http://kaero.org/wp-content/uploads/2008/04/image5.png" width="440"> </p>
<p>新影集的名称不允许出现汉字，不过无需担心，这个只是用来命名图片所在的新文件夹，影集显示的标题是可以在以后任意修改的。</p>
<p>建好影集之后，就可以向影集里面添加图片了，添加图片有三种途径：</p>
<ol>
<li><strong>上传一个ZIP文件</strong>，NextGen 会自己解压缩这个包里所有的图片。不过需要特别提醒的是，Winrar 默认的压缩格式.rar 是不支持的哦；
<li><strong>导入图片文件夹</strong>。用 FTP 的同学有福了（这个……貌似只有俺自己有 FTP 权限-_-），你可以直接使用 FTP 把图片上传到某个文件夹，而且不一定就得传到 NextGen 默认的 /wp-content/gallery/ 下面，这个文件夹是可以任意指定的。你甚至可以指定 WordPress 默认的上传文件夹，比如 /wp-content/uploads/2008/04/，这样就能显示2008年4月上传的所有照片了，很强大吧？不过千万要慎重，某次我在勾选了“当删除影集时删除文件”<small>（该选项可以在 NextGen 的选项里面修改）</small>的情况下删除了这么一个影集，直接导致日志里面所有图片都不能显示的悲惨后果……
<li>最后一个，也是最土鳖的方法：<strong>上传图片</strong>。这个就不用多介绍了，记得选择相应的相册即可。 </li>
</ol>
<p>不要以为上传好了照片就万事大吉，这个还是有点小小的麻烦的，你需要转到“管理影集”的页面，对你刚建立好的影集进行操作，否则它是不会显示在 <a href="http://funnywork.cn/?page_id=31">Albums</a> 页面上的。</p>
<p>进入某个影集的修改界面，默认是该影集下面所有的图片列表，你可以修改图片的标题、描述，或者删除它。还可以在选中图片ID之后对其进行如下操作：</p>
<p><img height="131" alt="image" src="http://kaero.org/wp-content/uploads/2008/04/image6.png" width="171"> </p>
<p>如果你在 NextGen Gallery 的“选项”页面激活了相关图片功能的话，那有一个功能你必须了解一下，就是“显示标签”：</p>
<p><img height="40" alt="image" src="http://kaero.org/wp-content/uploads/2008/04/image7.png" width="376"> </p>
<p>给图片定义标签之后，比如给某张图片定义了一个标签“女王”，那么在有“女王”标签的日志页面上就会显示这张图片了。一张图片可以使用英文逗号“,”同时定义多个标签。</p>
<p>以上是影集内图片的编辑选项，那么整个影集该怎么编辑呢？这个比较隐蔽，在影集标题的后面有这么一个按钮：</p>
<p>&nbsp;<img height="26" alt="image" src="http://kaero.org/wp-content/uploads/2008/04/image8.png" width="82"> </p>
<p>就是它了。点击会展开影集的相关选项，一共是六个：</p>
<ol>
<li>标题。
<li>描述。
<li>路径。
<li>页面链接到。
<li>预览图像。
<li>创建新页面。 </li>
</ol>
<p>刚创建好的影集你需要为它创建一个新页面（第6项），记得将新页面的父页面设置为“Albums”。</p>
<p><img height="72" alt="image" src="http://kaero.org/wp-content/uploads/2008/04/image9.png" width="361"> </p>
<p>然后再设置它的链接页面（第4项），就是你刚才创建的那个新页面，否则在 Albums 页面点击影集封面会没有反应。</p>
<p>好了，上述几项都填写完毕，保存更改。是不是觉得大功告成了？到 Albums 瞅瞅，倒，为什么还是看不到我创建的相册呢？哈哈，还有最后一步，点击 NextGen Gallery 菜单中的“<strong>相册</strong>”，进入管理相册的界面，是不是发现你的影集出现在右侧的列表框中呢？</p>
<p>一般情况下，你不需要新建一个相册，直接选择&#8221;default&#8221;相册即可：</p>
<p><img height="75" alt="image" src="http://kaero.org/wp-content/uploads/2008/04/image10.png" width="185"> </p>
<p>然后把你的影集直接拖拽到左侧的“default”相册框内，点击右上方的“更新”按钮，这回就真的OK了！</p>
<p>最后补充一下在日志上调用 NextGen Gallery 的方法：</p>
<ul>
<li>插入一个幻灯片：<strong>[slideshow=<em>gallery_id</em>,<em>width</em>,<em>height</em>] </strong>
<li>插入一个相册：<strong>[album=<em>album_id</em>,<em>extend</em>]</strong> 或者 <strong>[album=<em>album_id</em>,<em>compact</em>]</strong>
<li>插入一个影集：<strong>gallery=<em>gallery_id<br /></em></strong>请自行添加“[ ]”
<li>插入一张图片：<strong>[singlepic=<em>pic_id</em>,<em>width</em>,<em>height</em>,<em>mode</em>,<em>float</em>]</strong> <br />* <em>mode</em> 是可选项，可选参数有 web20（倒影效果），watermark（水印效果） <br />* <em>float</em> 也是可选项，可选参数有 left（左对齐），right（右对齐）
<li>插入一个图片浏览器：<strong>[imagebrowser=<em>gallery_id</em>] <br /></strong>图片浏览器的效果如下所示： <br /><img height="282" alt="image" src="http://kaero.org/wp-content/uploads/2008/04/image12.png" width="320"> </li>
</ul>
<p>如果你有给照片添加标签的好习惯，那么还有下面两种方法：</p>
<ul>
<li>插入和一个或者几个标签关联的所有图片：<strong>tags=<em>tagname1</em>,<em>tagname2</em>,<em>tagname3</em>&#8230;</strong>
<li>以相册的形式组织和这些标签关联的图片：<strong>albumtags=<em>tagname1</em>,<em>tagname2</em>,<em>tagname3</em>&#8230;<br /></strong>* 请自行添加“[ ]”</li>
</ul>
<p>更详细的说明请参考 NextGen Gallery 的 FAQ 页面：<a title="http://wordpress.org/extend/plugins/nextgen-gallery/faq/" href="http://wordpress.org/extend/plugins/nextgen-gallery/faq/">http://wordpress.org/extend/plugins/nextgen-gallery/faq/</a></p>
<div class="wlWriterSmartContent" id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:881c9871-a228-4846-851e-38df8b58f4eb" style="padding-right: 0px; display: inline; padding-left: 0px; float: none; padding-bottom: 0px; margin: 0px; padding-top: 0px">Technorati 标签: <a href="http://technorati.com/tags/wordpress%20plugins" rel="tag">wordpress plugins</a>,<a href="http://technorati.com/tags/NextGen" rel="tag">NextGen</a>,<a href="http://technorati.com/tags/tutorial" rel="tag">tutorial</a></div>
]]></content:encoded>
			<wfw:commentRss>http://kaero.org/2008/04/nextgen-gallery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
