<?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>Guitarbean.com &#187; wordpress</title>
	<atom:link href="http://guitarbean.com/category/wordpress/feed" rel="self" type="application/rss+xml" />
	<link>http://guitarbean.com</link>
	<description>WPTheme Java JavaScript...Yeah~!</description>
	<lastBuildDate>Tue, 18 Mar 2008 08:51:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>WP非首页显示文章列表(Wordpress hack)</title>
		<link>http://guitarbean.com/2008/03/18/wp-post-list-in-none-indexwordpress-hack.html</link>
		<comments>http://guitarbean.com/2008/03/18/wp-post-list-in-none-indexwordpress-hack.html#comments</comments>
		<pubDate>Tue, 18 Mar 2008 08:44:33 +0000</pubDate>
		<dc:creator>govo</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[hack]]></category>

		<guid isPermaLink="false">http://guitarbean.com/2008/03/18/wp-post-list-in-none-indexwordpress-hack.html</guid>
		<description><![CDATA[有人喜欢把首页做成奇形怪状，不正常地显示新近文章，正如一个CMS。或者有人想专门做一个页面用来像首页那样显示新近文章的列表，如http://guitarbean.com/blog-updates，就不显示文章分类列表，而正如正常的博客首页那样显示最新文章。为了这个效果，这里有一个令人兴奋的解决方案。
一个错误的方案：
1、把archive.php或index.php当成页面，在新建页面中把“Page Template&#8221;指向它。可惜这样做的结果等同与指向page.php，所建立的页面只会显示单个页面内容。
一些不错的解决方案(均需建立页面)：
1、alexking.org的articles插件。有了这个插件，你可以显示一个漂亮的article list。这个列表有文章归类，但显示的不是全部文章，因为需要给文章添加一个额外的key=article和value=1。这不是正常的首页效果，算是半个site map吧。
2、使用Rob Marsh, SJ的 Recent Posts 插件，类似的还有中文 WordPress 工具箱 。放一个recent post到某个页面中……之后的不说自明了吧，只是所显示的也只是文章标题而已。
3、wordpress.org.cn上找到的一个帖子 ，不过得把代码改改：
&#60;?php
/*
Template Name: guid
*/
?&#62;
&#60;?php get_header(); ?&#62;
&#60;div id="content" class="widecolumn"&#62;
&#60;?php $posts = get_posts( "numberposts=10" ); ?&#62;
&#60;?php if( $posts ) : ?&#62;
&#60;?php foreach( $posts as $post ) : setup_postdata( $post ); ?&#62;
&#60;div class="post"&#62;
&#60;h2&#62;&#60;a href="&#60;?php the_permalink(); ?&#62;"&#62;&#60;?php the_title(); ?&#62;&#60;/a&#62;&#60;/h2&#62;
&#60;small&#62;&#60;?php the_time('F jS, Y'); ?&#62;&#60;/small&#62;
&#60;div class="entry"&#62;
&#60;?php the_content(); ?&#62;
&#60;/div&#62;
&#60;p class="postmetadata"&#62;Posted [...]]]></description>
			<content:encoded><![CDATA[<p>有人喜欢把首页做成奇形怪状，不正常地显示新近文章，正如一个CMS。或者有人想专门做一个页面用来像首页那样显示新近文章的列表，如<a href="http://guitarbean.com/blog-updates">http://guitarbean.com/blog-updates</a>，就不显示文章分类列表，而正如正常的博客首页那样显示最新文章。为了这个效果，这里有<a href="#c4yo6Denvc845DOP322ads06"><strong>一个令人兴奋的解决方案</strong></a>。</p>
<p><strong>一个错误的方案：</strong></p>
<p>1、把archive.php或index.php当成页面，在新建页面中把“Page Template&#8221;指向它。可惜这样做的结果等同与指向page.php，所建立的页面只会显示单个页面内容。</p>
<p><strong>一些不错的解决方案(均需建立页面)：</strong></p>
<p>1、alexking.org的<a href="http://alexking.org/projects/wordpress/plugins/articles.zip">articles</a>插件。有了这个插件，你可以显示一个漂亮的<a href="http://alexking.org/articles">article list</a>。这个列表有文章归类，但显示的不是全部文章，因为需要给文章添加一个额外的key=article和value=1。这不是正常的首页效果，算是半个site map吧。</p>
<p>2、使用<a href="http://rmarsh.com/">Rob Marsh, SJ</a>的 <a href="http://rmarsh.com/plugins/recent-posts/">Recent Posts</a> 插件，类似的还有<a href="http://yanfeng.org/blog/wordpress/kit/">中文 WordPress 工具箱</a> 。放一个recent post到某个页面中……之后的不说自明了吧，只是所显示的也只是文章标题而已。</p>
<p>3、wordpress.org.cn上找到的一个<a href="http://wordpress.org.cn/viewthread.php?tid=7143&amp;page=1&amp;fromuid=15469#pid33133">帖子</a> ，不过得把代码改改：</p>
<p><code id="code1">&lt;?php<br />
/*<br />
Template Name: guid<br />
*/<br />
?&gt;<br />
&lt;?php get_header(); ?&gt;<br />
&lt;div id="content" class="widecolumn"&gt;<br />
&lt;?php $posts = get_posts( "numberposts=10" ); ?&gt;<br />
&lt;?php if( $posts ) : ?&gt;<br />
&lt;?php foreach( $posts as $post ) : setup_postdata( $post ); ?&gt;<br />
&lt;div class="post"&gt;<br />
&lt;h2&gt;&lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;<br />
&lt;small&gt;&lt;?php the_time('F jS, Y'); ?&gt;&lt;/small&gt;<br />
&lt;div class="entry"&gt;<br />
&lt;?php the_content(); ?&gt;<br />
&lt;/div&gt;<br />
&lt;p class="postmetadata"&gt;Posted in &lt;?php the_category(', '); ?&gt;&lt;/p&gt;<br />
&lt;/div&gt;<br />
&lt;?php endforeach; ?&gt;<br />
&lt;?php endif; ?&gt;<br />
&lt;/div&gt;<br />
&lt;?php get_footer(); ?&gt;</code></p>
<p>这样再把页面指向它（guid）就可以了。不过经我测试发现，使用这个方法得到的文章不是以时间的新到旧排序的，而是以旧到新排序的，得到的列表很不合意。在codex.wordpress.org上查<a href="http://codex.wordpress.org/Template_Tags/get_posts">get_posts</a>，说默认是以时间新到旧排序的，可是我再怎么添加修改参数也实现不了，可能因为我的本地机是wordpress 2.3.3吧。不管怎么说，这个方法离目标只有一步之遥，只要再改正时间排序问题和可以使用像pagebar这样能进行分页就成功了。</p>
<p><strong id="c4yo6Denvc845DOP322ads06">一个令人兴奋的解决方案——<a href="http://codex.wordpress.org/User:JamesVL/query_posts">query_posts</a> &amp; <a href="http://codex.wordpress.org/The_Loop">The_Loop</a> ！<br />
</strong></p>
<p>这里，只要在合适地地方添加一句：&lt;?php query_posts(&#8220;paged=$paged&#8221;); ?&gt;</p>
<p><strong>步骤：</strong></p>
<p>1、拷贝一个index.php（或archieves.php）并改名为其它名，如list_post.php；</p>
<p>2、找到&lt;?php while (have_posts()) : the_post(); ?&gt;，在之前加这行 &lt;?php query_posts(&#8220;paged=$paged&#8221;); ?&gt;，如<br />
<code>&lt;?php query_posts("paged=$paged"); ?&gt;//取得posts<br />
&lt;?php while (have_posts()) : the_post(); ?&gt;</code></p>
<p>3、在页面最顶部添加<br />
<code>&lt;?php<br />
/*<br />
Template Name: List Posts<br />
*/<br />
?&gt;</code></p>
<p>以把这个文件标识为List Posts。注意，这代码最好紧跟&lt;?php get_header(); ?&gt;，不要有空行，最好如：</p>
<p><code>&lt;?php<br />
/*<br />
Template Name: List Posts<br />
*/<br />
?&gt;&lt;?php get_header(); ?&gt;</code></p>
<p>4、新建一个页面，如blog-updates，把Page Template指向它，什么内容也不用写，就OK了！</p>
<p><strong>原理：</strong>为了能显示Wordpress的文章列表，最好的是使用<strong><a href="http://codex.wordpress.org/The_Loop">The Loop</a></strong> ，在<strong><a href="http://codex.wordpress.org/The_Loop">The Loop</a></strong>中就可以使用像the_title()啊，the_content()之类的<a href="http://codex.wordpress.org/Category:Template_Tags">Template_Tags</a>和分页信息了。而在index.php和archves.php中，都有一个默认的全局魔术变量，这个魔术变量常常变器法地变化着自身：在首页中，是一个默认的最新文章列表，在存档中是当前分类或日期的文章列表，而在单个post或者page中就是单个文章了。而使用<strong><a href="http://codex.wordpress.org/User:JamesVL/query_posts">query_posts</a></strong>正好能更改这个魔术变量成为想要的。如query_posts(&#8220;paged=$paged&#8221;)就是把它变为当前页的文章列表。</p>
<p><strong>参考文献：</strong></p>
<p>[1]<a href="http://codex.wordpress.org/The_Loop">http://codex.wordpress.org/The_Loop</a></p>
<p>[2]<a href="http://codex.wordpress.org/User:JamesVL/query_posts">http://codex.wordpress.org/User:JamesVL/query_posts</a></p>
<p>[3]<a href="http://codex.wordpress.org/Category:Template_Tags">http://codex.wordpress.org/Category:Template_Tags</a></p>
<p>[4]<a href="http://wordpress.org.cn/viewthread.php?tid=7143&amp;page=1&amp;fromuid=15469#pid33133">http://wordpress.org.cn/viewthread.php?tid=7143&amp;page=1&amp;fromuid=15469#pid33133</a></p>
]]></content:encoded>
			<wfw:commentRss>http://guitarbean.com/2008/03/18/wp-post-list-in-none-indexwordpress-hack.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Wordpress theme &quot;SugarSign Jet-Black&quot; released</title>
		<link>http://guitarbean.com/2007/08/25/sugarsign-jet-black-style.html</link>
		<comments>http://guitarbean.com/2007/08/25/sugarsign-jet-black-style.html#comments</comments>
		<pubDate>Sat, 25 Aug 2007 02:56:06 +0000</pubDate>
		<dc:creator>ejialin@gmail.com</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.guitarbean.com/2007/08/25/sugarsign-jet-black-style/.html</guid>
		<description><![CDATA[　　主题标志：


　　主题下载：sugarsign-jet-black-p.zip
　　主题截屏：

　　主题下载：sugarsign-jet-black-p.zip
　　主题介绍：

外观？墨色主题，从截图中已经看到了呢，至于为什么叫它“墨”，也不晓得呢，总之是与之前的peachblow同一系列的；
其它功能或特性，请参考PeachBlow主题；
提供主题中LOGO的PSD文件。

　　主题下载：sugarsign-jet-black-p.zip
　　另外有一个集成花花写的flickr图片显示插件及Pagebar插件的版本，请点击sugarsign-jet-black-plugs.zip下载。
]]></description>
			<content:encoded><![CDATA[<p>　　<strong>主题标志：</strong></p>
<p style="text-align:center"><img src="http://photo5.yupoo.com/20070825/102216_2065703430_wiuqmkae.jpg" alt="style-theme" /></p>
<p><span id="more-126"></span><br />
　　<a href='http://www.sugarsign.com/wp-content/uploads/13/1344/2007/08/sugarsign-jet-black-p.zip' title='sugarsign-jet-black-p.zip'><strong>主题下载：</strong>sugarsign-jet-black-p.zip</a></p>
<p>　　<strong>主题截屏：</strong></p>
<p style="text-align:center"><a href="http://www.yupoo.com/photos/zoom?id=ff808081149729ea01149ad3aaee2649&#038;size=o" title="来YUPOO看我的照片"><img src="http://photo5.yupoo.com/20070825/102215_1002830696.jpg" alt="screenshoot" width="327" height="500" border="0" /></a></p>
<p>　　<a href='http://www.sugarsign.com/wp-content/uploads/13/1344/2007/08/sugarsign-jet-black-p.zip' title='sugarsign-jet-black-p.zip'><strong>主题下载：</strong>sugarsign-jet-black-p.zip</a></p>
<p>　　<strong>主题介绍：</strong></p>
<ul>
<li>外观？墨色主题，从截图中已经看到了呢，至于为什么叫它“墨”，也不晓得呢，总之是与之前的peachblow同一系列的；</li>
<li>其它功能或特性，请参考<a href="http://www.sugarsign.com/2007/08/sugarsign-peachblow-style.html">PeachBlow主题</a>；</li>
<li>提供主题中LOGO的PSD文件。</li>
</ul>
<p>　　<a href='http://www.sugarsign.com/wp-content/uploads/13/1344/2007/08/sugarsign-jet-black-p.zip' title='sugarsign-jet-black-p.zip'><strong>主题下载：</strong>sugarsign-jet-black-p.zip</a></p>
<p>　　另外有一个<strong>集成花花写的flickr图片显示插件</strong>及<strong>Pagebar插件</strong>的版本，请点击<a href='http://www.sugarsign.com/wp-content/uploads/13/1344/2007/08/sugarsign-jet-black-plugs.zip' title='sugarsign-jet-black-plugs.zip'>sugarsign-jet-black-plugs.zip</a>下载。</p>
]]></content:encoded>
			<wfw:commentRss>http://guitarbean.com/2007/08/25/sugarsign-jet-black-style.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Wordpress theme &quot;SugarSign Peachblow Style&quot; released</title>
		<link>http://guitarbean.com/2007/08/22/sugarsign-peachblow-style.html</link>
		<comments>http://guitarbean.com/2007/08/22/sugarsign-peachblow-style.html#comments</comments>
		<pubDate>Wed, 22 Aug 2007 08:11:41 +0000</pubDate>
		<dc:creator>ejialin@gmail.com</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.guitarbean.com/2007/08/22/sugarsign-peachblow-style/.html</guid>
		<description><![CDATA[　　Update:已更正一处无关皮毛的JS小BUG，但也请点击下载最新的文件哦！
　　主题标志：


　　主题下载：sugarsign-peachblow.zip
　　主题截屏：

　　主题下载：sugarsign-peachblow.zip
　　主题介绍：

由截屏可知，物如其名，主题的主体色泽为桃红，至于为什么为做成桃红？突然想到的，在PS下把色相一拉，就变了；
文章字体大小为14px，其它的为12px；字体大小统一为12px；
支持则栏自定义；
集成花花写的flickr图片显示脚本。如果要集成此脚本，请下载sugarsign-preachblow-plus.zip；
评论内容、评论人及Email的JS动态判断；
google集成分析判断：对本地和以登陆用户不加载google分析代码；
注意：主题中的google分析号为本博的，须自行修改foot.php文件。
wordpress版本要求 wordpress 2.x系列；
主题文件占用空间约为72KB；
可直接上传到yo2中使用
提供主题中LOGO的PSD文件，点击logo-preachblow.zip下载。

　　主题下载：sugarsign-peachblow.zip
　　Update:修正在非widget下搜索按钮不能正常显示的问题，并且提供logo的PSD文件下载。这个LOGO的PSD文件中只要同时把三个图层的同时文字修改为自己想要的，并输出为gif文件放到images/文件夹下即可。
　　另外有一个集成花花写的flickr图片显示插件及Pagebar插件的版本，请点击sugarsign-preachblow-plus.zip下载。
]]></description>
			<content:encoded><![CDATA[<p>　　<ins datetime="2007-08-25T02:21:13+00:00"><strong style="font-size:14px;">Update:已更正一处无关皮毛的JS小BUG，但也请点击下载最新的文件哦！</strong></ins><br />
　　<strong>主题标志：</strong></p>
<p style="text-align:center"><img src="http://photo6.yupoo.com/20070822/134640_1169274668_icvsmxmq.jpg" alt="style-theme" /></p>
<p><span id="more-121"></span><br />
　　<a href='http://www.sugarsign.com/wp-content/uploads/13/1344/2007/08/sugarsign-peachblow.zip' title='sugarsign-peachblow.zip'><strong>主题下载：</strong>sugarsign-peachblow.zip</a></p>
<p>　　<strong>主题截屏：</strong></p>
<p style="text-align:center"><a href="http://www.yupoo.com/photos/zoom?id=ff808081148126cd01148c1bb8a30400&#038;size=o" title="来YUPOO看我的照片"><img src="http://photo8.yupoo.com/20070822/134639_73118960.jpg" alt="Peachblow screenshoot" width="500" height="409" border="0" /></a></p>
<p>　　<a href='http://www.sugarsign.com/wp-content/uploads/13/1344/2007/08/sugarsign-peachblow.zip' title='sugarsign-peachblow.zip'><strong>主题下载：</strong>sugarsign-peachblow.zip</a></p>
<p>　　<strong>主题介绍：</strong></p>
<ul>
<li>由截屏可知，物如其名，主题的主体色泽为桃红，至于为什么为做成桃红？突然想到的，在PS下把色相一拉，就变了；</li>
<li><del datetime="2007-08-23T04:19:10+00:00">文章字体大小为14px，其它的为12px；</del>字体大小统一为12px；</li>
<li>支持则栏自定义；</li>
<li><del datetime="2007-08-23T04:19:10+00:00">集成花花写的flickr图片显示脚本。</del>如果要集成此脚本，请下载<a href='http://www.sugarsign.com/wp-content/uploads/13/1344/2007/08/sugarsign-preachblow-plus.zip' title='sugarsign-preachblow-plus.zip'>sugarsign-preachblow-plus.zip</a>；</li>
<li>评论内容、评论人及Email的JS动态判断；</li>
<li>google集成分析判断：对本地和以登陆用户不加载google分析代码；<br />
<strong>注意：</strong>主题中的google分析号为<a href="http://www.sugarsign.com">本博</a>的，须自行修改foot.php文件。</li>
<li>wordpress版本要求 wordpress 2.x系列；</li>
<li>主题文件占用空间约为72KB；</li>
<li>可直接上传到yo2中使用</li>
<li><ins datetime="2007-08-23T05:21:58+00:00">提供主题中LOGO的PSD文件，点击<a href='http://www.sugarsign.com/wp-content/uploads/13/1344/2007/08/logo-preachblow.zip' title='logo-preachblow.zip'>logo-preachblow.zip</a>下载。</ins></li>
</ul>
<p>　　<a href='http://www.sugarsign.com/wp-content/uploads/13/1344/2007/08/sugarsign-peachblow.zip' title='sugarsign-peachblow.zip'><strong>主题下载：</strong>sugarsign-peachblow.zip</a></p>
<p>　　Update:修正在非widget下搜索按钮不能正常显示的问题，并且提供logo的PSD文件下载。这个LOGO的PSD文件中只要同时把三个图层的同时文字修改为自己想要的，并输出为gif文件放到images/文件夹下即可。</p>
<p>　　另外有一个<strong>集成花花写的flickr图片显示插件</strong>及<strong>Pagebar插件</strong>的版本，请点击<a href='http://www.sugarsign.com/wp-content/uploads/13/1344/2007/08/sugarsign-preachblow-plus.zip' title='sugarsign-preachblow-plus.zip'>sugarsign-preachblow-plus.zip</a>下载。</p>
]]></content:encoded>
			<wfw:commentRss>http://guitarbean.com/2007/08/22/sugarsign-peachblow-style.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>利用JS使博客重现Flickr图片</title>
		<link>http://guitarbean.com/2007/06/12/show-flickr-by-javascript.html</link>
		<comments>http://guitarbean.com/2007/06/12/show-flickr-by-javascript.html#comments</comments>
		<pubDate>Tue, 12 Jun 2007 10:41:30 +0000</pubDate>
		<dc:creator>ejialin@gmail.com</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.guitarbean.com/2007/06/12/show-flickr-by-javascript/.html</guid>
		<description><![CDATA[　　网友们提供了很多显示在Flickr上储存的图片的方法，如：&#8221;还我 Flickr! 拯救 Flickr 大行动&#8220;。
　　让Flickr显示的最好方法是替换IP的方法，因为稳定。其替换的内容如下：
http://farm1.static.flickr.com/ 换为 http://68.142.232.116/
http://farm2.static.flickr.com/ 换为 http://69.147.123.56/
　　其中为Wordpress而做的花儿写的脚本就用这个方法，实现方法是在输出时替换IP。这样做的好处是不影响原有的数据，等Flickr解禁时，只要把花儿写的脚本去掉就可以了，嘿嘿。
　　但在yo2上可用不了，因为无法安装插件，而且无法把插件直接放到主题文件中。估计是Yo2对下面这个语句实行了禁令：
add_filter('the_content', 'filter');
　　我在做Wordpress主题时总是Hack很多，因为原有的Wordpress template tag满足不了复杂的主题结构，所以用别名的方法写了实现花儿写的脚本同样功能的函数。但这样做就只能用于博客的页面显示了，没有能像花儿写的脚本那样全面。于是我就干脆写个JS，把Flickr的IMG地址全部换成相应的IP。代码如下：
&#60;script type="text/javascript"&#62;function filckr_ip_replace(){　var _images_inblog=document.getElementsByTagName("img");　var _Regex=["http://farm1.static.flickr.com/","http://farm2.static.flickr.com/"];　var _RepIP=["http://68.142.232.116/","http://69.147.123.56/"];　if(!_images_inblog.length) return;　　for(var i=0;i&#60;_images_inblog.length; i++){　　for(var n=0;n&#60;_Regex.length;n++){　　if(_images_inblog[i] &#38;&#38; _images_inblog[i].src &#38;&#38; _images_inblog[i].src.indexOf(_Regex[n])&#62;-1)　　_images_inblog[i].src= _images_inblog[i].src.replace(_Regex[n],_RepIP[n]);　　}　}}filckr_ip_replace();&#60;/script&#62;
　　Yo2用户只要把上面的代码放在footer.php中相应的位置即可。如果在footer.php中还有其它如google分析等其它外接的脚本的话，那最好把上面代码放在最前面。
　　我这个blog就是用这个方法显示Flickr图片的。
　　Update：推荐使用花儿写的脚本。

　　yo2上还有很多有用的插件，总之想方法把代码放到最后(相对的靠后)就行了。
Update:已经可以把花儿写的脚本放在header.php中，最好是&#60;body&#62;标签前面。但我认为花儿写的脚本中没必要把the_excerpt()也应用上去，因为the_excerpt()生成的是纯文字的文摘的形式，也没有什么图片内容了。详看codex上的the_excerpt()说明。
　　PS：太久没写JavaScript，有点生疏了。
]]></description>
			<content:encoded><![CDATA[<p>　　网友们提供了很多显示在Flickr上储存的图片的方法，如：&#8221;<a href="http://blog.istef.info/2007/06/08/save-flickr/">还我 Flickr! 拯救 Flickr 大行动</a>&#8220;。</p>
<p>　　让Flickr显示的最好方法是替换IP的方法，因为稳定。其替换的内容如下：</p>
<p><code>http://farm1.static.flickr.com/ 换为 http://68.142.232.116/</code></p>
<p><code>http://farm2.static.flickr.com/ 换为 http://69.147.123.56/</code></p>
<p>　　其中为Wordpress而做的<a href="http://blog.istef.info/2007/06/08/save-flickr/" target="_blank">花儿写的脚本</a>就用这个方法，实现方法是在输出时替换IP。这样做的好处是不影响原有的数据，等Flickr解禁时，只要把<a href="http://blog.istef.info/2007/06/08/save-flickr/" target="_blank">花儿写的脚本</a>去掉就可以了，嘿嘿。</p>
<p>　　但在yo2上可用不了，因为无法安装插件，<del>而且无法把插件直接放到主题文件中。估计是Yo2对下面这个语句实行了禁令：</del></p>
<p><code style="MARGIN-RIGHT: 0px" dir="ltr">add_filter('the_content', 'filter');</code></p>
<p>　　我在做Wordpress主题时总是Hack很多，因为原有的Wordpress template tag满足不了复杂的主题结构，所以用别名的方法写了实现<a href="http://blog.istef.info/2007/06/08/save-flickr/" target="_blank">花儿写的脚本</a>同样功能的函数。但这样做就只能用于博客的页面显示了，没有能像<a href="http://blog.istef.info/2007/06/08/save-flickr/" target="_blank">花儿写的脚本</a>那样全面。于是我就干脆写个JS，把Flickr的IMG地址全部换成相应的IP。代码如下：</p>
<p><code><span style="FONT-FAMILY: Times New Roman">&lt;script type="text/javascript"&gt;<br/></span><span style="FONT-FAMILY: Times New Roman">function filckr_ip_replace(){<br/>　var _images_inblog=document.getElementsByTagName("img");<br/>　var _Regex=["http://farm1.static.flickr.com/","http://farm2.static.flickr.com/"];<br/>　var _RepIP=["http://68.142.232.116/","http://69.147.123.56/"];<br/>　if(!_images_inblog.length) return;<br/>　　for(var i=0;i&lt;_images_inblog.length; i++){<br/>　　for(var n=0;n&lt;_Regex.length;n++){<br/>　　if(_images_inblog[i] &amp;&amp; _images_inblog[i].src &amp;&amp; _images_inblog[i].src.indexOf(_Regex[n])&gt;-1)<br/>　　_images_inblog[i].src= _images_inblog[i].src.replace(_Regex[n],_RepIP[n]);<br/>　　}<br/>　}<br/>}<br/>filckr_ip_replace();<br/>&lt;/script&gt;</span></code></p>
<p>　　Yo2用户只要把上面的代码放在footer.php中相应的位置即可。如果在footer.php中还有其它如google分析等其它外接的脚本的话，那最好把上面代码放在最前面。</p>
<p>　　<del>我这个blog就是用这个方法显示Flickr图片的。</del></p>
<p>　　Update：推荐使用<a href="http://blog.istef.info/2007/06/08/save-flickr/" target="_blank">花儿写的脚本</a>。</p>
<p style="TEXT-ALIGN: center"><img src="http://farm1.static.flickr.yahoo8.akadns.net/154/372549649_14aa080837.jpg?v=0" style="DISPLAY: inline; WIDTH: 500px; HEIGHT: 338px" width="500" height="338"/></p>
<p>　　yo2上还有很多有用的插件，总之想方法把代码放到最后(相对的靠后)就行了。</p>
<p>Update:已经可以把<a href="http://blog.istef.info/2007/06/08/save-flickr/" target="_blank">花儿写的脚本</a>放在header.php中，最好是&lt;body&gt;标签前面。但我认为<a href="http://blog.istef.info/2007/06/08/save-flickr/" target="_blank">花儿写的脚本</a>中没必要把the_excerpt()也应用上去，因为the_excerpt()生成的是纯文字的文摘的形式，也没有什么图片内容了。详看codex上的<a href="http://codex.wordpress.org/Template_Tags/the_excerpt" target="_blank">the_excerpt()</a>说明。</p>
<p>　　PS：太久没写JavaScript，有点生疏了。</p>
]]></content:encoded>
			<wfw:commentRss>http://guitarbean.com/2007/06/12/show-flickr-by-javascript.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Wordpress Theme:Basic2Col Modified released</title>
		<link>http://guitarbean.com/2007/06/07/basic2col-modified-released.html</link>
		<comments>http://guitarbean.com/2007/06/07/basic2col-modified-released.html#comments</comments>
		<pubDate>Thu, 07 Jun 2007 15:38:02 +0000</pubDate>
		<dc:creator>ejialin@gmail.com</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.guitarbean.com/2007/06/07/basic2col-modified-released/.html</guid>
		<description><![CDATA[　　这是一个Wordpress Theme (version 1.5-? )。主题的名字：Basic2Col Modified released。顾名思义，就是从Basic2Col改过来的。改了什么呢？


为sidebar和内容之间加了一条从渐现开始到底部footer的分隔线，改变了链接和普通字体样式等以我个人喜好而作的外观；

对非主页的列表页，把列表改为原文输出。原来的列表使用the_excerpt()过滤，将文章处理成摘要的形式。但这个函数并不能有效地处理HTML，在某些内容下(如&#60;br/&#62;)会对HTML截取错误，现象是整个页面结构错位等；

在CSS上为适合中文显示做了一些小修小改，但并未作汉化；

未做结构上的大修改；

实际效果可能会与预览图有所区别；

可以直接上传到yo2中使用。



点击下载basic2col20_modified.zip (也可以从My Shares中找到下载)&#038;yo2bryo2&#038;
点击下载basic2col20_modified.zip (也可以从My Shares中找到下载)
Have fun!
]]></description>
			<content:encoded><![CDATA[<p>　　这是一个Wordpress Theme (version 1.5-? )。主题的名字：Basic2Col Modified released。顾名思义，就是从<a href="http://kzkw.net/" title="Theme: Basic2Col by Kristin K. Wangen">Basic2Col</a>改过来的。改了什么呢？</p>
<ol>
<li style="list-style: none"></li>
<li>为sidebar和内容之间加了一条从渐现开始到底部footer的分隔线，改变了链接和普通字体样式等以我个人喜好而作的外观；</li>
<li style="list-style: none"></li>
<li>对非主页的列表页，把列表改为原文输出。原来的列表使用the_excerpt()过滤，将文章处理成摘要的形式。但这个函数并不能有效地处理HTML，在某些内容下(如&lt;br/&gt;)会对HTML截取错误，现象是整个页面结构错位等；</li>
<li style="list-style: none"></li>
<li>在CSS上为适合中文显示做了一些小修小改，但并未作汉化；</li>
<li style="list-style: none"></li>
<li>未做结构上的大修改；</li>
<li style="list-style: none"></li>
<li>实际效果可能会与预览图有所区别；</li>
<li style="list-style: none"></li>
<li>可以直接上传到<a href="http://yo2.cn/">yo2</a>中使用。</li>
<li style="list-style: none"></li>
</ol>
<p></p>
<p style="TEXT-ALIGN: center"><a href="http://www.mydatabus.com/public/govo/basic2col20_modified.zip">点击下载basic2col20_modified.zip</a> (也可以从<a href="http://www.sugarsign.com/file-shares/">My Shares</a>中找到下载)&#038;yo2bryo2&#038;<img src="http://photo6.yupoo.com/20070607/230728_1732070607_usauznnw.jpg" style="DISPLAY: inline; WIDTH: 450px; HEIGHT: 405px" width="450" alt="Basic2Col Modified Screen shoot" height="405"></p>
<p style="TEXT-ALIGN: center"><a href="http://www.mydatabus.com/public/govo/basic2col20_modified.zip">点击下载basic2col20_modified.zip</a> (也可以从<a href="http://www.sugarsign.com/file-shares/">My Shares</a>中找到下载)</p>
<p style="TEXT-ALIGN: left">Have fun!</p>
]]></content:encoded>
			<wfw:commentRss>http://guitarbean.com/2007/06/07/basic2col-modified-released.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>建议写个wordpress的post slug优化插件</title>
		<link>http://guitarbean.com/2007/05/25/a-suggestion-of-making-a-wordpressplug-to-transform-chinesecharacter-to-pingying.html</link>
		<comments>http://guitarbean.com/2007/05/25/a-suggestion-of-making-a-wordpressplug-to-transform-chinesecharacter-to-pingying.html#comments</comments>
		<pubDate>Fri, 25 May 2007 07:07:12 +0000</pubDate>
		<dc:creator>ejialin@gmail.com</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.guitarbean.com/2007/05/25/a-suggestion-of-making-a-wordpressplug-to-transform-chinesecharacter-to-pingying/.html</guid>
		<description><![CDATA[　　写post slug（中文又称&#8221;文章缩略名&#8221;）几乎成了众多blog writer的良好习惯，关于此问题，可以到这里看看，在此不作论证。
　　写post slug是件麻烦事，总让人不省心，更不省力。我喜欢写英文的post slug，但写的英文post slug与中文的标题不对应，更多时候像是用快译译出的。我也想用拼音写，但偶用的是五笔，所以拼音能力弱……真是件麻烦的事情呀- -!! 何不用五笔码来写？算吧。
　　写post slug更是用离线博客编辑器的麻烦事，有人说写用英文为作标题，发布后post slug就成形了，然后修改标题为中文，post slug也不会改变。这样不好，有次我刚发上去，feedburner就抓过去了，不爽。
　　写post slug，又想用离线编辑器？这里有个解决方法，问题是修改这些东西，不保险，也不能定说改就改的，特别是用BSP的人，而且这个方法使文章标题的文字有所局限了。
　　写个post slug插件可以解决此问题，问问Google有没有。没有，但有这个讨论：http://groups.google.bs/group/WordPressCN/browse_thread/thread/b9226ef98c2e2a04
　　写post slug就是为了文章的URL统一，其内容不太重要，所以我认为写个post slug插件把标题的中文转为汉语拼音这个方法不错。我昨天在注册域名的时候看到人家就做了一个，把我用中文写的地址转为汉语拼音，省了我不少事。
　　但是没人写，我想去写，但不是现在。我想，如果是一位有威信的人写的话，BSP才可能会用的，但关键还是这个插件的实用性。这样的插件实用吗？有人去写吗？
]]></description>
			<content:encoded><![CDATA[<p>　　写post slug（中文又称&#8221;文章缩略名&#8221;）几乎成了众多blog writer的良好习惯，关于此问题，可以到<a href="http://www.osxcn.com/wordpress/let-wordpress-the-url-standardization.html" target="_blank">这里</a>看看，在此不作论证。</p>
<p>　　写post slug是件麻烦事，总让人不省心，更不省力。我喜欢写英文的post slug，但写的英文post slug与中文的标题不对应，更多时候像是用快译译出的。我也想用拼音写，但偶用的是五笔，所以拼音能力弱……真是件麻烦的事情呀- -!! 何不用五笔码来写？算吧。</p>
<p>　　写post slug更是用离线博客编辑器的麻烦事，有人说写用英文为作标题，发布后post slug就成形了，然后修改标题为中文，post slug也不会改变。这样不好，有次我刚发上去，feedburner就抓过去了，不爽。<br/>
<p>　　写post slug，又想用离线编辑器？<a href="http://qusheng.net/2006/12/16/blogclient_and_postname/" target="_blank">这里</a>有个解决方法，问题是修改这些东西，不保险，也不能定说改就改的，特别是用BSP的人，而且这个方法使文章标题的文字有所局限了。</p>
<p>　　写个post slug插件可以解决此问题，问问Google有没有。没有，但有这个讨论：<a href="http://groups.google.bs/group/WordPressCN/browse_thread/thread/b9226ef98c2e2a04">http://groups.google.bs/group/WordPressCN/browse_thread/thread/b9226ef98c2e2a04</a></p>
<p>　　写post slug就是为了文章的URL统一，其内容不太重要，所以我认为写个post slug插件把标题的中文转为汉语拼音这个方法不错。我昨天在注册域名的时候看到人家就做了一个，把我用中文写的地址转为汉语拼音，省了我不少事。</p>
<p>　　但是没人写，我想去写，但不是现在。我想，如果是一位有威信的人写的话，BSP才可能会用的，但关键还是这个插件的实用性。这样的插件实用吗？有人去写吗？</p>
]]></content:encoded>
			<wfw:commentRss>http://guitarbean.com/2007/05/25/a-suggestion-of-making-a-wordpressplug-to-transform-chinesecharacter-to-pingying.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPress theme:SimpleLife sky-dream release</title>
		<link>http://guitarbean.com/2007/05/19/wordpress-themesimplelife-sky-dream-release.html</link>
		<comments>http://guitarbean.com/2007/05/19/wordpress-themesimplelife-sky-dream-release.html#comments</comments>
		<pubDate>Sat, 19 May 2007 09:34:36 +0000</pubDate>
		<dc:creator>ejialin@gmail.com</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.guitarbean.com/2007/05/19/wordpress-themesimplelife-sky-dream-release/.html</guid>
		<description><![CDATA[　　单列，浅蓝色基调，取名为SimpleLife Sky Dream
　　此主题基于SimpleLife 1.1，我只是在CSS上对它进行改头换面，算是二次创作吧。
　　点击下载SimpleLife Sky Dream
　　这是在下第一次发布主题，希望原作者不会生气:)
　　目前没有Demo可看，如果哪位用上了请告诉在下一声，好把Demo链到贵页面上。

　　点击下载SimpleLife Sky Dream
]]></description>
			<content:encoded><![CDATA[<p>　　单列，浅蓝色基调，取名为SimpleLife Sky Dream</p>
<p>　　此主题基于<a href="http://wpthemespot.com/themes/simplelife/" target="_blank">SimpleLife 1.1</a>，我只是在CSS上对它进行改头换面，算是二次创作吧。</p>
<p>　　<a href="http://www.mydatabus.com/public/govo/simplelifeSkyDream.zip">点击下载SimpleLife Sky Dream</a></p>
<p>　　这是在下第一次发布主题，希望原作者不会生气:)</p>
<p>　　目前没有Demo可看，如果哪位用上了请告诉在下一声，好把Demo链到贵页面上。</p>
<p style="TEXT-ALIGN: center"><a href="http://www.flickr.com/photos/govo/504222466/" title="Photo Sharing"><img width="481" alt="simplelife-Sky-Dream" height="500" src="http://farm1.static.flickr.yahoo8.akadns.net/205/504222466_b98d990c1c.jpg"></a></p>
<p style="TEXT-ALIGN: left">　　<a href="http://www.mydatabus.com/public/govo/simplelifeSkyDream.zip">点击下载SimpleLife Sky Dream</a></p>
]]></content:encoded>
			<wfw:commentRss>http://guitarbean.com/2007/05/19/wordpress-themesimplelife-sky-dream-release.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
