<?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>木木木木木 &#187; 折腾无休</title>
	<atom:link href="http://immmmm.com/wordpress/feed" rel="self" type="application/rss+xml" />
	<link>http://immmmm.com</link>
	<description>不问明天，悠然浪费</description>
	<lastBuildDate>Mon, 21 May 2012 12:03:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>WordPress主题：Simple Bold Borders</title>
		<link>http://immmmm.com/wordpress-theme-simple-bold-borders.html</link>
		<comments>http://immmmm.com/wordpress-theme-simple-bold-borders.html#comments</comments>
		<pubDate>Sat, 19 May 2012 15:01:44 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>
		<category><![CDATA[WordPress主题]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1996</guid>
		<description><![CDATA[115下载： Simple-Bold-Borders（V12.5.21）.zip 主题名和样式取自 Tumblr （这儿）这款主题。另外两款也不错（1，2） ，都是下面逛时选出的。最后还是直接偷个懒基于 Optimus 改了，所以效率也是杠杠滴，吃完晚饭开始到现在4小时这样吧，啧啧，看着还算满意～ V12.5.21更新记录：评论样式统一，修复首页文章分页导航函数，文章页底部新增上下篇文章按钮。 之前的那款 thetalkingfowl 直接太监……个人是已经习惯多文章类型支持的模板了，要我重新一个个加上去，毫无动力啊…… 最后，惯例，罗嗦： 申明：此主题仅为测试主题，实属三无产品，非折腾帝莫用～ 主题几点招呼： 头部 header.php 修改下描述； 主题已挂载 jQuery库，并集成 slimbox2.js , Ajax评论提交双击修改，代码在 footer.php。 主题已集成评论表情，不喜欢自行替换； 主题使用了willin大师的Ajax评论提交，可直接删除（重命名） WordPress程序根目录的 wp-comments-post.php，世界一下清净了！ 主题最大特色是支持各种文章样式，具体使用方法请自行摸索，如有好的处理展示建议可留言～ 2012-05-19 22:56 说：沐歌，Jezzzz，现实生活才是生活，望此时的离开为更好的回归，再见！]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://img1.dnschina.net/files/46/immmmm/201205/sbb.jpg"><br />
<img class="aligncenter" src="http://img1.dnschina.net/files/46/immmmm/201205/sbb.jpg" alt="sbb.jpg" width="487" height="290" /></a></p>
<p style="text-align: center;">115下载： <a href="http://115.com/file/dpwjgzrh#Simple-Bold-Borders（V12.5.21）.zip" rel="nofollow" target="_blank">Simple-Bold-Borders（V12.5.21）.zip</a></p>
<p>主题名和样式取自 Tumblr （<a href="http://safe.tumblr.com/theme/preview/31964" rel="nofollow" target="_blank">这儿</a>）这款主题。另外两款也不错（<a href="http://safe.tumblr.com/theme/preview/33866" rel="nofollow" target="_blank">1</a>，<a href="http://safe.tumblr.com/theme/preview/34152#" rel="nofollow" target="_blank">2</a>） ，都是下面逛时选出的。最后还是直接偷个懒基于 <a title="WordPress主题：Optimus" href="http://immmmm.com/wordpress-theme-optimus.html">Optimus</a> 改了，所以效率也是杠杠滴，吃完晚饭开始到现在4小时这样吧，啧啧，看着还算满意～</p>
<p><span id="more-1996"></span>V12.5.21更新记录：评论样式统一，修复首页文章分页导航函数，文章页底部新增上下篇文章按钮。</p>
<p>之前的那款 <a title="WordPress主题： thetalkingfowl" href="http://immmmm.com/wordpress-theme-thetalkingfowl.html">thetalkingfowl</a> 直接太监……个人是已经习惯多文章类型支持的模板了，要我重新一个个加上去，毫无动力啊……</p>
<p>最后，惯例，罗嗦：</p>
<blockquote><p><strong>申明：此主题仅为测试主题，实属三无产品，非折腾帝莫用～</strong></p>
<p>主题几点招呼：</p>
<ol>
<li>头部 header.php 修改下描述；</li>
<li>主题已挂载 jQuery库，并集成 slimbox2.js , Ajax评论提交双击修改，代码在 footer.php。</li>
<li>主题已集成评论表情，不喜欢自行替换；</li>
<li>主题使用了willin大师的Ajax评论提交，可直接删除（重命名） WordPress程序根目录的 wp-comments-post.php，世界一下清净了！</li>
<li>主题最大特色是支持各种文章样式，具体使用方法请自行摸索，如有好的处理展示建议可留言～</li>
</ol>
</blockquote>
<p>2012-05-19 22:56 说：<a href="http://mugee.info/" rel="nofollow" target="_blank">沐歌</a>，<a href="http://jezzzz.me/" rel="nofollow" target="_blank">Jezzzz</a>，现实生活才是生活，望此时的离开为更好的回归，再见！</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/wordpress-theme-simple-bold-borders.html/feed</wfw:commentRss>
		<slash:comments>87</slash:comments>
		</item>
		<item>
		<title>WordPress主题： thetalkingfowl</title>
		<link>http://immmmm.com/wordpress-theme-thetalkingfowl.html</link>
		<comments>http://immmmm.com/wordpress-theme-thetalkingfowl.html#comments</comments>
		<pubDate>Wed, 02 May 2012 14:07:51 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1990</guid>
		<description><![CDATA[赶在5·1假期Over前上了新主题，主题名长得有些蛋疼，是回访到 @吴歌 童鞋时看中意滴。 昨下午3点开始折腾，到晚22点正式上线。主要时间耗费在了“国外”微博和 Flickr 图片调取，前面2小时都耗在这上了…… 结果，当然是折腾成啦。 一、“国外”微博： 直接用ZWW大叔方法（Via），不过此法子有点耗主机内存资源。每次访问页面时都强力解析你的微博获取到一条消息。 个人解决方案：把此代码另存为php文件后，丢一国外主机上，然后自己博客用以下代码调取： &#60;?php echo&#40;file_get_contents&#40;'http://XX.OO/ooxx.php'&#41;&#41;; ?&#62; 由于个人开了WP Super Cache，理论上只要首页缓存了不发生内容变动（新评论新日志发布等），是不会再执行上面这句php的了。另一国外主机压力应该也不会大～ 二、Flickr 图片调取 原主题自带这个js，原理就是jQuery解析json，生成html代码。跟之前自己做过的一样： 《Flickr最新图片展示》。 问题在于 flickr 龟速，每一次首页刷新，获取那么几KB都木有的json数据得等待api.flickr.com响应半天…… 这次折腾上了本地xml缓存（感谢 @荒野无灯 ），使用法子： 1.下载： flickr.7z 解压把php文件丢博客更目录； 2.主题模板内挂在jQuery库，再丢以下jQuery代码： //By http://immmmm.com jQuery&#40;document&#41;.ready&#40;function&#40;$&#41;&#123; var UserId = '55566873@N05'; //访问 Flickr 地址栏获取 jQuery.ajax&#40;&#123;//下面链接里的 3600 是缓存时间，秒 url:'flickr.php?act=cache&#38;lifetime=3600&#38;url=http://api.flickr.com/services/feeds/photos_public.gne?id='+UserId, dataType:'xml', cache:false, success:function&#40;xml&#41;&#123; jQuery&#40;xml&#41;.find&#40;'entry'&#41;.each&#40;function&#40;&#41;&#123; var title = jQuery&#40;this&#41;.children&#40;'title'&#41;.text&#40;&#41;,href = jQuery&#40;this&#41;.find&#40;'link[rel=enclosure]'&#41;.attr&#40;'href'&#41;,src = [...]]]></description>
			<content:encoded><![CDATA[<p>赶在5·1假期Over前上了新主题，主题名长得有些蛋疼，是回访到 <a href="http://wugee.info/" target="_blank">@吴歌</a> 童鞋时看中意滴。</p>
<p>昨下午3点开始折腾，到晚22点正式上线。主要时间耗费在了“国外”微博和 Flickr 图片调取，前面2小时都耗在这上了……</p>
<p style="text-align:center;"><img src="http://img1.dnschina.net/files/46/immmmm/201205/f_t.jpg" alt="f_t.jpg" /></p>
<p>结果，当然是折腾成啦。 <span id="more-1990"></span></p>
<p><strong> 一、“国外”微博：</strong></p>
<p>直接用ZWW大叔方法（<a rel="nofollow" href="http://zww.me/archives/24851" target="_blank">Via</a>），不过此法子有点耗主机内存资源。每次访问页面时都强力解析你的微博获取到一条消息。</p>
<p>个人解决方案：把此代码另存为php文件后，丢一国外主机上，然后自己博客用以下代码调取：</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:Microsoft Yahei;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">file_get_contents</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'http://XX.OO/ooxx.php'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>由于个人开了WP Super Cache，理论上只要首页缓存了不发生内容变动（新评论新日志发布等），是不会再执行上面这句php的了。另一国外主机压力应该也不会大～</p>
<p><strong>二、Flickr 图片调取</strong></p>
<p>原主题自带这个js，原理就是jQuery解析json，生成html代码。跟之前自己做过的一样： <a href="http://immmmm.com/latest-flickr-pictures-show.html" target="_blank">《Flickr最新图片展示》</a>。</p>
<p>问题在于 flickr 龟速，每一次首页刷新，获取那么几KB都木有的json数据得等待api.flickr.com响应半天……</p>
<p>这次折腾上了本地xml缓存（感谢  <a href="http://ihacklog.com/" target="_blank">@荒野无灯</a> ），使用法子：</p>
<p>1.下载： <a rel="nofollow" href="https://dl-web.dropbox.com/u/837457/flickr.7z" target="_blank">flickr.7z</a> 解压把php文件丢博客更目录；</p>
<p>2.主题模板内挂在jQuery库，再丢以下jQuery代码：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:Microsoft Yahei;"><span style="color: #006600; font-style: italic;">//By http://immmmm.com</span>
jQuery<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #003366; font-weight: bold;">var</span> UserId <span style="color: #339933;">=</span> <span style="color: #3366CC;">'55566873@N05'</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//访问 Flickr 地址栏获取</span>
jQuery.<span style="color: #660066;">ajax</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span><span style="color: #006600; font-style: italic;">//下面链接里的 3600 是缓存时间，秒</span>
    url<span style="color: #339933;">:</span><span style="color: #3366CC;">'flickr.php?act=cache&amp;lifetime=3600&amp;url=http://api.flickr.com/services/feeds/photos_public.gne?id='</span><span style="color: #339933;">+</span>UserId<span style="color: #339933;">,</span>
    dataType<span style="color: #339933;">:</span><span style="color: #3366CC;">'xml'</span><span style="color: #339933;">,</span>
    cache<span style="color: #339933;">:</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
    success<span style="color: #339933;">:</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>xml<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		jQuery<span style="color: #009900;">&#40;</span>xml<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">find</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'entry'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #003366; font-weight: bold;">var</span> title <span style="color: #339933;">=</span> jQuery<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">children</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'title'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>href <span style="color: #339933;">=</span> jQuery<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">find</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'link[rel=enclosure]'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'href'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>src <span style="color: #339933;">=</span> href.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/_b/</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'_s'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#flickr_update_list&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">append</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;li&gt;&lt;a href='&quot;</span> <span style="color: #339933;">+</span> href <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;' title='&quot;</span><span style="color: #339933;">+</span>title<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;'&gt;&quot;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&lt;img src='&quot;</span><span style="color: #339933;">+</span>src<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;' alt='&quot;</span><span style="color: #339933;">+</span>title<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;'/&gt;&quot;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&lt;/a&gt;&lt;/li&gt;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span></pre></div></div>

<p>当然在你想显示的地方插入这个div：</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:Microsoft Yahei;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;flickr_update_list&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></pre></div></div>

<p>最多一次展示20张图片，因为 Flickr 最多就输出20张的xml。</p>
<p>另外，有关图片上传：1. Instagram 直接分享；2.上神器 ifttt ：把标记喜欢的图片保存到 Dropbox 指定文件夹，此文件夹内新增图片自动上传。</p>
<p>呼，码完，心情舒畅！此主题确定会分享，等我全部代码过一遍，精简后即会放出，木有时间表～</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/wordpress-theme-thetalkingfowl.html/feed</wfw:commentRss>
		<slash:comments>78</slash:comments>
		</item>
		<item>
		<title>友情推荐：『主机格调』日本东京主机火热促销中</title>
		<link>http://immmmm.com/tokyo_immmmm.html</link>
		<comments>http://immmmm.com/tokyo_immmmm.html#comments</comments>
		<pubDate>Thu, 26 Apr 2012 07:32:59 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1986</guid>
		<description><![CDATA[个人已停更的Typecho站点LinMuMu.me就放 @西门 大官人那儿，这儿评论AD也一直挂着他家的主机，现又上新货咯：Tokyo的哟～～ 简介：日本东京主机，距离国内近，速度快于美国主机，跟香港、韩国访问速度差不多。稍微比国内慢，但日本东京主机是不需要备案的，所以比较适合中小网站和中小博客。 主机优点： 速度快！价格便宜。 促销期间价格是129元/年，原价7折多一点。 具体参数： 主机型号：东京2号 ORD 型 空间容量：600M 每月流量：12000M 顶级域名：3个 子域名：无限 域名停放：3个 数据库：无限 控制面板：DirectAdmin中文（完美支持WordPress各项功能） 购买地址： http://my.zhuji.gd/cart.php?gid=5 请输入129元优惠码：tokyo_immmmm 注册会员教程：http://zhuji.gd/tutorial/8.html 购买主机教程：http://zhuji.gd/tutorial/9.html 促销时间： 2012年4月25日——2012年5月25日。数量有限，欲购从速！ 注意事项： 本优惠只限于首年购买，续费原价。主机购买7天内支持退款。购买主机前请阅读服务条款，我们并不是什么网站类型都接纳的。]]></description>
			<content:encoded><![CDATA[<p>个人已停更的Typecho站点<a href="http://linmumu.me/">LinMuMu.me</a>就放 @西门 大官人那儿，这儿评论AD也一直挂着他家的主机，现又上新货咯：Tokyo的哟～～</p>
<p>简介：日本东京主机，距离国内近，速度快于美国主机，跟香港、韩国访问速度差不多。稍微比国内慢，但日本东京主机是不需要备案的，所以比较适合中小网站和中小博客。</p>
<p><strong>主机优点</strong>：</p>
<p>速度快！价格便宜。<br />
促销期间价格是129元/年，原价7折多一点。</p>
<p><strong><span id="more-1986"></span>具体参数</strong>：</p>
<p>主机型号：东京2号 ORD 型<br />
空间容量：600M<br />
每月流量：12000M<br />
顶级域名：3个<br />
子域名：无限<br />
域名停放：3个<br />
数据库：无限<br />
控制面板：DirectAdmin中文（完美支持WordPress各项功能）</p>
<p><strong>购买地址</strong>：</p>
<p><a href="http://my.zhuji.gd/cart.php?gid=5" target="_blank">http://my.zhuji.gd/cart.php?gid=5</a></p>
<p><strong>请输入129元优惠码</strong>：tokyo_immmmm</p>
<p>注册会员教程：<a href="http://zhuji.gd/tutorial/8.html" target="_blank">http://zhuji.gd/tutorial/8.html</a><br />
购买主机教程：<a href="http://zhuji.gd/tutorial/9.html" target="_blank">http://zhuji.gd/tutorial/9.html</a></p>
<p><strong>促销时间</strong>：</p>
<p>2012年4月25日——2012年5月25日。<strong>数量有限，欲购从速！</strong></p>
<p><strong>注意事项</strong>：</p>
<p>本优惠只限于首年购买，续费原价。主机购买7天内支持退款。购买主机前请阅读<a href="http://zhuji.gd/terms/" target="_blank">服务条款</a>，我们并不是什么网站类型都接纳的。</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/tokyo_immmmm.html/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>ThePast.Me</title>
		<link>http://immmmm.com/thepast-me.html</link>
		<comments>http://immmmm.com/thepast-me.html#comments</comments>
		<pubDate>Fri, 20 Apr 2012 08:08:48 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1981</guid>
		<description><![CDATA[FkLWgG0oOcYe4RPn]]></description>
			<content:encoded><![CDATA[<p> <a href="http://thepast.me">FkLWgG0oOcYe4RPn</a></p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/thepast-me.html/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>应用 Gallery Shortcode 随心排版</title>
		<link>http://immmmm.com/use-gallery-shortcode-perfect-typesetting.html</link>
		<comments>http://immmmm.com/use-gallery-shortcode-perfect-typesetting.html#comments</comments>
		<pubDate>Sat, 18 Feb 2012 06:23:15 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>
		<category><![CDATA[WordPress函数]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1938</guid>
		<description><![CDATA[吓： &#60;a href=&#34;http://immmmm.com/wp-content/uploads/2012/01/photo-1.jpg&#34;&#62;&#60;img class=&#34;size-large wp-image-1909 aligncenter&#34; title=&#34;photo-1&#34; src=&#34;http://immmmm.com/wp-content/uploads/2012/01/photo-1-1024x688.jpg&#34; alt=&#34;&#34; width=&#34;1024&#34; height=&#34;688&#34; /&#62;&#60;/a&#62; &#160; &#160; &#160; &#160; &#160; 相册形式测试～～ :oops: 上段代码丢WP后台HTML编辑器发布，知道啥效果不？（可点击： Shiori Kutsuna 忽那汐里 瞅瞅先～） 也就是以下截图的图片排版效果： 主要应用了 Gallery 短代码的删选(include)和多列显示(columns)属性，函数详情见： Gallery Shortcode。 不管函数那么多，咱们只要会使用就行。想插入2张图片同行肿么操作呢？ 过程： 后台上传2张图片，是WP后台图片上传工具，找到图片附件链接里的ID，复制出来，加到短代码里的 include=”1913,1910&#8243; 里。 缺点也明显，必须是后台上传的，不支持直接URL地址；另外是需要复制图片附件ID和手工加那么长长的相册短代码。 第一个目前无解，等WP更新的份。第二个可以利用： WordPress3.3 编辑器自定义按钮添加新方法提到的方法简化代码插入。 其中 my-quicktags.js 添加几行关键代码： QTags.addButton&#40; '', '', '\n\n','' &#41;; QTags.addButton&#40; '', '', '\n\n','' &#41;; PS：很久木有码教程文，思路混乱混乱…… PS2：115下载： Venice.zip [...]]]></description>
			<content:encoded><![CDATA[<p>吓：</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:Microsoft Yahei;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://immmmm.com/wp-content/uploads/2012/01/photo-1.jpg&quot;</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;size-large wp-image-1909 aligncenter&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;photo-1&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://immmmm.com/wp-content/uploads/2012/01/photo-1-1024x688.jpg&quot;</span> <span style="color: #000066;">alt</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&quot;</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;1024&quot;</span> <span style="color: #000066;">height</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;688&quot;</span> <span style="color: #66cc66;">/</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
&nbsp;
[gallery link=&quot;file&quot; include=&quot;1914,1911,1912&quot; size=&quot;medium&quot;]
&nbsp;
[gallery link=&quot;file&quot; include=&quot;1913,1910&quot; columns=&quot;2&quot; size=&quot;medium&quot;]
&nbsp;
相册形式测试～～  :oops:</pre></div></div>

<p>上段代码丢WP后台HTML编辑器发布，知道啥效果不？（可点击： <a href="http://immmmm.com/shiori-kutsuna-smile-again.html" title="Shiori Kutsuna 忽那汐里" target="_blank">Shiori Kutsuna 忽那汐里</a> 瞅瞅先～）</p>
<p><span id="more-1938"></span><br />
也就是以下截图的图片排版效果：</p>
<p style="text-align:center;"><img src="http://img1.dnschina.net/files/46/immmmm/201202/photo_pb.jpg" alt="" /></p>
<p>主要应用了 Gallery 短代码的删选(include)和多列显示(columns)属性，函数详情见： <a rel="nofollow" href="http://codex.wordpress.org/Gallery_Shortcode" target="_blank">Gallery Shortcode</a>。</p>
<p>不管函数那么多，咱们只要会使用就行。想插入2张图片同行肿么操作呢？</p>
<p><strong>过程：</strong> 后台上传2张图片，是WP后台图片上传工具，找到图片附件链接里的ID，复制出来，加到短代码里的 include=”1913,1910&#8243; 里。</p>
<p>缺点也明显，必须是后台上传的，不支持直接URL地址；另外是需要复制图片附件ID和手工加那么长长的相册短代码。</p>
<p>第一个目前无解，等WP更新的份。第二个可以利用： <a href="http://immmmm.com/custom-quicktags-into-wordpress-editor.html" title="WordPress3.3 编辑器自定义按钮添加新方法">WordPress3.3 编辑器自定义按钮添加新方法</a>提到的方法简化代码插入。</p>
<p>其中 my-quicktags.js 添加几行关键代码：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:Microsoft Yahei;">		QTags.<span style="color: #660066;">addButton</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'[gallery.i2m]'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'[gallery.i2m]'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\n</span>[gallery link=&quot;file&quot; include=&quot;,&quot; columns=&quot;2&quot; size=&quot;medium&quot;]<span style="color: #000099; font-weight: bold;">\n</span>'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">''</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		QTags.<span style="color: #660066;">addButton</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'[gallery.i3m]'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'[gallery.i3m]'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\n</span>[gallery link=&quot;file&quot; include=&quot;,&quot;  size=&quot;medium&quot;]<span style="color: #000099; font-weight: bold;">\n</span>'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">''</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>PS：很久木有码教程文，思路混乱混乱……</p>
<p>PS2：115下载： <a rel="nofollow" href="http://115.com/file/c2m74hbu" target="_blank">Venice.zip</a> （V2.0.12-1）</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/use-gallery-shortcode-perfect-typesetting.html/feed</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>WordPress主题：Venice</title>
		<link>http://immmmm.com/wordpress-theme-venice.html</link>
		<comments>http://immmmm.com/wordpress-theme-venice.html#comments</comments>
		<pubDate>Mon, 13 Feb 2012 11:05:02 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>
		<category><![CDATA[Venice]]></category>
		<category><![CDATA[WordPress主题]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1932</guid>
		<description><![CDATA[115下载： Venice.zip （V2.0.12-1） 更新记录： V2.0.12-1：新增后台编辑器的几个常用按钮。 强烈申明：此主题仅为测试主题，实属三无产品，非折腾帝莫用～ 筒子们，本答应春节放出的，小弟实受各事烦扰，拖至214的昨天，就是今天213来，也不错不错～ 主题几点招呼： 1.头部 header.php 修改下描述； 2.主题已挂载 jQuery库，并集成 slimbox2.js , Ajax评论提交双击修改，代码在 footer.php。 3.主题已集成评论表情，不喜欢自行替换； 4.主题使用了willin大师的Ajax评论提交，可直接删除（重命名） WordPress程序根目录的 wp-comments-post.php，世界一下清净了！ 5.主题最大特色是支持各种文章样式，具体使用方法请自行摸索，如有好的处理展示建议可留言～ 6.自行发现自行折腾，祝性福～ PS： 美屡同事问：明晚佳人有约？ 我答：嗯，家！人有约！]]></description>
			<content:encoded><![CDATA[<p>115下载： <a rel="nofollow" href="http://115.com/file/c2m74hbu" target="_blank">Venice.zip</a> （V2.0.12-1）</p>
<p>更新记录：</p>
<p>V2.0.12-1：新增后台编辑器的几个常用按钮。</p>
<p>强烈申明：此主题仅为测试主题，实属三无产品，非折腾帝莫用～</p>
<p>筒子们，本答应春节放出的，小弟实受各事烦扰，拖至214的昨天，就是今天213来，也不错不错～</p>
<p>主题几点招呼：</p>
<p><span id="more-1932"></span>1.头部 header.php 修改下描述；</p>
<p>2.主题已挂载 jQuery库，并集成 slimbox2.js , Ajax评论提交双击修改，代码在 footer.php。</p>
<p>3.主题已集成评论表情，不喜欢自行替换；</p>
<p>4.主题使用了willin大师的Ajax评论提交，可直接删除（重命名） WordPress程序根目录的 wp-comments-post.php，世界一下清净了！</p>
<p>5.主题最大特色是支持各种文章样式，具体使用方法请自行摸索，如有好的处理展示建议可留言～</p>
<p>6.自行发现自行折腾，祝性福～</p>
<p>PS：</p>
<p>美屡同事问：明晚佳人有约？</p>
<p>我答：嗯，家！人有约！</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/wordpress-theme-venice.html/feed</wfw:commentRss>
		<slash:comments>80</slash:comments>
		</item>
		<item>
		<title>WordPress3.3 编辑器自定义按钮添加新方法</title>
		<link>http://immmmm.com/custom-quicktags-into-wordpress-editor.html</link>
		<comments>http://immmmm.com/custom-quicktags-into-wordpress-editor.html#comments</comments>
		<pubDate>Wed, 18 Jan 2012 08:31:36 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>
		<category><![CDATA[quicktags]]></category>
		<category><![CDATA[WordPress技巧]]></category>
		<category><![CDATA[自定义按钮]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1916</guid>
		<description><![CDATA[Mark文一篇，原文见 @ihacklog 博文（1 &#038; 2）。 如果你使用了WP3.3，即可以用以下方法快捷方便的在后台HTML编辑器中加入自定义按钮，不必再在更新一下在 /wp-includes/js/quicktags.js 动一次手脚咯。 首先创建一个 my-quicktags.js，丢入以下内容： QTags.addButton&#40; '&#60;', '&#60;', '&#38;lt;', '' &#41;; //快捷输入&#60;的html代码 QTags.addButton&#40; '&#62;', '&#62;', '&#38;gt;', '' &#41;; QTags.addButton&#40; 'hr', 'hr', &#34;\n&#60;hr /&#62;\n&#34;, '' &#41;; //快捷输入一个hr横线，点一下即可 QTags.addButton&#40; 'h1', 'h1', &#34;\n&#60;h1&#62;&#34;, &#34;&#60;/h1&#62;\n&#34; &#41;; //快捷输入h1标签 QTags.addButton&#40; 'h2', 'h2', &#34;\n&#60;h2&#62;&#34;, &#34;&#60;/h2&#62;\n&#34; &#41;; QTags.addButton&#40; 'h3', 'h3', &#34;\n&#60;h3&#62;&#34;, &#34;&#60;/h3&#62;\n&#34; &#41;; //QTags.addButton( 'my_id', 'my button', '\n&#60;/span&#62;', [...]]]></description>
			<content:encoded><![CDATA[<p>Mark文一篇，原文见 <a href="http://ihacklog.com/" target="_blank">@ihacklog</a> 博文（<a href="http://ihacklog.com/php/wordpress/wpskills/the-right-way-to-insert-custom-quicktags-into-the-wordpress-editor-revisioned.html" target="_blank">1</a> &#038; <a href="http://ihacklog.com/php/wordpress/wpskills/the-right-way-to-insert-custom-quicktags-into-the-wordpress-editor.html" target="_blank">2</a>）。</p>
<p>如果你使用了WP3.3，即可以用以下方法快捷方便的在后台HTML编辑器中加入自定义按钮，不必再在更新一下在 /wp-includes/js/quicktags.js 动一次手脚咯。</p>
<p>首先创建一个 <code>my-quicktags.js</code>，丢入以下内容：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:Microsoft Yahei;">QTags.<span style="color: #660066;">addButton</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'&lt;'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&amp;lt;'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">''</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//快捷输入&lt;的html代码</span>
QTags.<span style="color: #660066;">addButton</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'&gt;'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&gt;'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&amp;gt;'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">''</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
QTags.<span style="color: #660066;">addButton</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'hr'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'hr'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&lt;hr /&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">''</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #006600; font-style: italic;">//快捷输入一个hr横线，点一下即可</span>
QTags.<span style="color: #660066;">addButton</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'h1'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'h1'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&lt;h1&gt;&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;&lt;/h1&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #006600; font-style: italic;">//快捷输入h1标签</span>
QTags.<span style="color: #660066;">addButton</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'h2'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'h2'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&lt;h2&gt;&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;&lt;/h2&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
QTags.<span style="color: #660066;">addButton</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'h3'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'h3'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&lt;h3&gt;&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;&lt;/h3&gt;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">//QTags.addButton( 'my_id', 'my button', '\n&lt;/span&gt;', '&lt;/span&gt;\n' );  </span>
<span style="color: #006600; font-style: italic;">//这儿共有四对引号，分别是按钮的ID、显示名、点一下输入内容、再点一下关闭内容（此为空则一次输入全部内容），\n表示换行。</span></pre></div></div>

<p><span id="more-1916"></span>然后把此js丢入主题文件夹，再在主题 <code>functions.php</code> 中加入代码：</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:Microsoft Yahei;"><span style="color: #666666; font-style: italic;">// 自定义HTML编辑器按钮</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'admin_print_scripts'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'my_quicktags'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">function</span> my_quicktags<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    wp_enqueue_script<span style="color: #009900;">&#40;</span>
        <span style="color: #0000ff;">'my_quicktags'</span><span style="color: #339933;">,</span>
        get_stylesheet_directory_uri<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'/my-quicktags.js'</span><span style="color: #339933;">,</span>
        <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'quicktags'</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>O了，进后台编辑器HTML模式下瞅瞅呗～</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/custom-quicktags-into-wordpress-editor.html/feed</wfw:commentRss>
		<slash:comments>51</slash:comments>
		</item>
		<item>
		<title>WordPress 文章形式之： 聊天</title>
		<link>http://immmmm.com/wordpress-post-format-chat.html</link>
		<comments>http://immmmm.com/wordpress-post-format-chat.html#comments</comments>
		<pubDate>Tue, 17 Jan 2012 15:28:16 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>
		<category><![CDATA[Post Formats]]></category>
		<category><![CDATA[WordPress函数]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1900</guid>
		<description><![CDATA[WordPress3.1 就有的 文章形式（Post Formats） 到现在都3.3了，可完美完全支持的主题依旧屈指可数，至少在国人主题制作圈。 之前自己折腾的主题也是相当受样式限制，溜达 Tumblr 找到现在扒来的这一款，相当霸气外露！ 要想重拾折腾滴基情，换主题决定是首选！间隔如此之久，咱们接着搞 Post Formats 起呗～ 聊天，formats-chat。效果见上文： 《一天》 PHP核心代码如下（基础代码源自 SimpleDark 1.3 ）： //如要使用，请自行去除注释～ &#60;?php $lines = preg_split&#40;&#34;/[\r\n]+/&#34;, $post-&#62;post_content&#41;; //php正则获取每行字符 ?&#62; &#60;?php if&#40;is_array&#40;$lines&#41;&#41; &#123; //建立数组 $i=2; //增加个计数，为对话区分样式 foreach&#40;$lines as $line&#41; &#123; if&#40;trim&#40;$line&#41; != '' &#41; //循环执行，并过来空白行 ?&#62; &#60;p &#60;?php if&#40; $i%2 == 1 &#41;&#123; echo 'class=&#34;even n'.$i.'&#34;';&#125;else &#123;echo 'class=&#34;odd n'.$i.'&#34;';&#125;; [...]]]></description>
			<content:encoded><![CDATA[<p>WordPress3.1 就有的 <a rel="nofollow" href="http://codex.wordpress.org/zh-cn:%E6%96%87%E7%AB%A0%E5%BD%A2%E5%BC%8F" target="_blank">文章形式（Post Formats）</a> 到现在都3.3了，可完美完全支持的主题依旧屈指可数，至少在国人主题制作圈。</p>
<p>之前自己折腾的主题也是相当受样式限制，溜达 <a rel="nofollow" href="http://venicetheme.tumblr.com/" target="_blank">Tumblr</a> 找到现在扒来的这一款，相当霸气外露！</p>
<p>要想重拾折腾滴基情，换主题决定是首选！间隔如此之久，咱们接着搞 <a href="http://immmmm.com/tag/post-formats" target="_blank">Post Formats</a> 起呗～</p>
<p><span id="more-1900"></span><strong>聊天，formats-chat</strong>。效果见上文： <a href="http://immmmm.com/male-student-cao-female-monitor.html" target="_blank">《一天》</a></p>
<p>PHP核心代码如下（基础代码源自 <a href="http://lync.in/simpledark-1-3/" target="_blank">SimpleDark 1.3</a> ）：</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:Microsoft Yahei;">//如要使用，请自行去除注释～
<span style="color: #000000; font-weight: bold;">&lt;?php</span>
	<span style="color: #000088;">$lines</span> <span style="color: #339933;">=</span> <span style="color: #990000;">preg_split</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/[<span style="color: #000099; font-weight: bold;">\r</span><span style="color: #000099; font-weight: bold;">\n</span>]+/&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$post</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">post_content</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #666666; font-style: italic;">//php正则获取每行字符</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> 
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">is_array</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$lines</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>  <span style="color: #666666; font-style: italic;">//建立数组</span>
	<span style="color: #000088;">$i</span><span style="color: #339933;">=</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">;</span>  <span style="color: #666666; font-style: italic;">//增加个计数，为对话区分样式</span>
	<span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$lines</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$line</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">trim</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$line</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">''</span> <span style="color: #009900;">&#41;</span>   <span style="color: #666666; font-style: italic;">//循环执行，并过来空白行</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span>
	&lt;p <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$i</span><span style="color: #339933;">%</span><span style="color:#800080;">2</span> <span style="color: #339933;">==</span> <span style="color: #cc66cc;">1</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'class=&quot;even n'</span><span style="color: #339933;">.</span><span style="color: #000088;">$i</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;'</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span><span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span><span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'class=&quot;odd n'</span><span style="color: #339933;">.</span><span style="color: #000088;">$i</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;'</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&gt;&lt;span&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$line</span><span style="color: #339933;">;</span><span style="color: #000088;">$i</span><span style="color: #339933;">++</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/span&gt;&lt;/p&gt;
	//如果被2除余1添加class=&quot;even n$i&quot;，反之添加class=&quot;odd n$i&quot;，接着输出每行内容。
<span style="color: #000000; font-weight: bold;">&lt;?php</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>这儿我新增了计数$i，一是判断聊天奇偶，另外是隐藏部分对话。</p>
<p>接着上CSS核心代码：</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:Microsoft Yahei;"><span style="color: #6666ff;">.home</span> <span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.odd</span><span style="color: #00AA00;">,</span><span style="color: #6666ff;">.home</span> <span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.even</span><span style="color: #00AA00;">,</span><span style="color: #6666ff;">.archive</span> <span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.odd</span><span style="color: #00AA00;">,</span><span style="color: #6666ff;">.archive</span> <span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.even</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.odd</span><span style="color: #6666ff;">.n2</span><span style="color: #00AA00;">,</span><span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.odd</span><span style="color: #6666ff;">.n4</span><span style="color: #00AA00;">,</span><span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.odd</span><span style="color: #6666ff;">.n6</span><span style="color: #00AA00;">,</span><span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.even</span><span style="color: #6666ff;">.n3</span><span style="color: #00AA00;">,</span><span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.even</span><span style="color: #6666ff;">.n5</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">block</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #808080; font-style: italic;">/* 默认把聊天对话给隐藏，然后把前5句显示出来 */</span>
<span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.odd</span> span<span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>margin<span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span> <span style="color: #cc66cc;">0</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">40px</span><span style="color: #00AA00;">;</span>background<span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#66bcc5</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.format-chat</span> <span style="color: #6666ff;">.even</span> span<span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>margin<span style="color: #00AA00;">:</span><span style="color: #933;">-10px</span> <span style="color: #933;">40px</span> <span style="color: #cc66cc;">0</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>background<span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#BDC866</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #808080; font-style: italic;">/* 样式的主要区分就是这2个咯 */</span></pre></div></div>

<p>然后，没然后了。写文章时选中”聊天“形式，每一行即一个人说的话。</p>
<p>懂也好不懂也好，个人认为这PHP代码还是值得Mark，SO，自我多情一个就分享咯～</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/wordpress-post-format-chat.html/feed</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>OptimusV2.0.12</title>
		<link>http://immmmm.com/optimus-update-to-2012.html</link>
		<comments>http://immmmm.com/optimus-update-to-2012.html#comments</comments>
		<pubDate>Sun, 01 Jan 2012 10:59:29 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>
		<category><![CDATA[Optimus]]></category>
		<category><![CDATA[WordPress主题]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1881</guid>
		<description><![CDATA[OptimusV2.0.12.zip更新完毕，更改内容大概如下： 加入jQuery：Ajax评论提交，双击快捷回复/取消回复，slimbox2图片灯箱特效；集成表情一套；主题边框细节已更改，头像放于右侧，加入一些小透明。其它也没其它了貌似，各位看官随意自取～ （点标题直接下了哦～）]]></description>
			<content:encoded><![CDATA[<p><a rel="nofollow" href="https://dl.dropbox.com/u/837457/mytheme/OptimusV2.0.12.zip" target="_blank">OptimusV2.0.12.zip</a>更新完毕，更改内容大概如下：</p>
<p>加入jQuery：Ajax评论提交，双击快捷回复/取消回复，slimbox2图片灯箱特效；集成表情一套；主题边框细节已更改，头像放于右侧，加入一些小透明。其它也没其它了貌似，各位看官随意自取～</p>
<p>（点标题直接下了哦～）</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/optimus-update-to-2012.html/feed</wfw:commentRss>
		<slash:comments>71</slash:comments>
		</item>
		<item>
		<title>折腾，需要理由吗？</title>
		<link>http://immmmm.com/no-reason-for-modify-themes.html</link>
		<comments>http://immmmm.com/no-reason-for-modify-themes.html#comments</comments>
		<pubDate>Sat, 03 Dec 2011 16:40:52 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[双击事件]]></category>
		<category><![CDATA[评论]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1864</guid>
		<description><![CDATA[一晃十二月，FF8下主题文字文章变白的BUG实在是看不下去了。另外，这月将是一场攻坚战，真正意义上的检测：期末考试。SO，此周不折腾更待何时！ 主题样式上就把边栏放右边了，此次折腾主要是加入了jQuery，因为这货折腾起来爽撒撒！！ 1.Slimbox2的图片特效，这个可以有： if&#40;$&#40;'.postContent a[rel!=link]:has(img)'&#41;.length &#62; 0&#41;&#123; //判断文章内容区域是否有链接大图的图片，有则： $.getScript&#40;&#34;&#60;?php bloginfo('template_url'); ?&#62;/js/slimbox2.js&#34;&#41;; //动态加载图片特效的js。 //此处有点作，一个判断只为省下4KB的加载。 &#125;; 2.Ajax评论提交，这个必须有： 虽说这对博主来说没啥大关系，一般咱都是后台直接回复评论的，反正后台是Ajax的，管他前台呢～一直认为，木有集成Ajax评论提交的主题都是不负责任。现在我想负起来了，就加呗！ 实现方法当然还是依旧使用牛XX的Willin大师出品，不过适当的改进还是可以有滴～ 比如说，加个新评论提交“双击再编辑”：新评论提交后，突然发现想加个YD的表情？耶，试试双击它～ 额，有突然不想加了……那就点击“取消编辑”呗～ $&#40;'#comments .live'&#41;.live&#40;'dblclick',function&#40;&#41;&#123;$&#40;this&#41;.next&#40;&#41;.children&#40;'a'&#41;.click&#40;&#41;&#125;&#41;; //其实偶就是把那个编辑的链接隐藏了，然后以双击模拟点击，够XD吧～ 3.Ctrl+Enter快捷提交，这个当然有： $&#40;'textarea'&#41;.keypress&#40;function&#40;e&#41;&#123; if&#40;e.ctrlKey &#38;&#38; e.which == 13 &#124;&#124; e.which == 10&#41; &#123; $&#40;this&#41;.parent&#40;&#41;.submit&#40;&#41;; &#125; &#125;&#41;; 4.评论部分双击事件，这个偷偷有： 双击某条评论，快捷回复；再双击，取消回复此人。 $&#40;'#comments .comment-body'&#41;.dblclick&#40;function&#40;&#41;&#123; //其实也就是用双击事件来模拟用户点击那个“回复”链接的点击事件～ var crl=$&#40;'#cancel-comment-reply-link'&#41;; if&#40;$&#40;this&#41;.next&#40;'#respond'&#41;.length &#62; 0&#41; &#123; crl.click&#40;&#41; &#125;else&#123; $&#40;this&#41;.find&#40;'.comment-reply-link'&#41;.click&#40;&#41;; crl.text&#40;&#34;取消 @&#34;+$&#40;this&#41;.find&#40;'.name'&#41;.text&#40;&#41;&#41;; //上句一个小功能，显示是@回复谁滴～ &#125; [...]]]></description>
			<content:encoded><![CDATA[<p>一晃十二月，FF8下主题文字文章变白的BUG实在是看不下去了。另外，这月将是一场攻坚战，真正意义上的检测：期末考试。SO，此周不折腾更待何时！</p>
<p>主题样式上就把边栏放右边了，此次折腾主要是加入了jQuery，因为这货折腾起来爽撒撒！！</p>
<p><span style="color: #36f;"><strong>1.Slimbox2的图片特效，这个可以有：</strong></span><span id="more-1864"></span></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:Microsoft Yahei;"><span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.postContent a[rel!=link]:has(img)'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>  <span style="color: #006600; font-style: italic;">//判断文章内容区域是否有链接大图的图片，有则：</span>
	$.<span style="color: #660066;">getScript</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;?php bloginfo('template_url'); ?&gt;/js/slimbox2.js&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #006600; font-style: italic;">//动态加载图片特效的js。</span>
	<span style="color: #006600; font-style: italic;">//此处有点作，一个判断只为省下4KB的加载。</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span></pre></div></div>

<p><span style="color: #36f;"><strong>2.Ajax评论提交，这个必须有：</strong></span></p>
<p>虽说这对博主来说没啥大关系，一般咱都是后台直接回复评论的，反正后台是Ajax的，管他前台呢～一直认为，木有集成Ajax评论提交的主题都是不负责任。现在我想负起来了，就加呗！</p>
<p>实现方法当然还是依旧使用牛XX的Willin大师出品，不过适当的改进还是可以有滴～</p>
<p style="text-align: center;"><a href="http://img1.dnschina.net/files/46/immmmm/201112/dbck2.jpg"><img  alt="" src="http://img1.dnschina.net/files/46/immmmm/201112/dbck2.jpg" title=""></a></p>
<p>比如说，加个新评论提交“双击再编辑”：新评论提交后，突然发现想加个YD的表情？耶，试试双击它～</p>
<p style="text-align: center;"><a href="http://img1.dnschina.net/files/46/immmmm/201112/dbck3jpg"><img  alt="" src="http://img1.dnschina.net/files/46/immmmm/201112/dbck3.jpg" title=""></a></p>
<p>额，有突然不想加了……那就点击“取消编辑”呗～</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:Microsoft Yahei;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#comments .live'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">live</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'dblclick'</span><span style="color: #339933;">,</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">next</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">children</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'a'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">//其实偶就是把那个编辑的链接隐藏了，然后以双击模拟点击，够XD吧～</span></pre></div></div>

<p><span style="color: #36f;"><strong>3.Ctrl+Enter快捷提交，这个当然有：</strong></span></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:Microsoft Yahei;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'textarea'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">keypress</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>e.<span style="color: #660066;">ctrlKey</span> <span style="color: #339933;">&amp;&amp;</span> e.<span style="color: #660066;">which</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">13</span> <span style="color: #339933;">||</span> e.<span style="color: #660066;">which</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">parent</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">submit</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><span style="color: #36f;"><strong>4.评论部分双击事件，这个偷偷有：</strong></span></p>
<p style="text-align: center;"><a href="http://img1.dnschina.net/files/46/immmmm/201112/dbck1.jpg"><img  alt="" src="http://img1.dnschina.net/files/46/immmmm/201112/dbck1.jpg" title=""></a></p>
<p>双击某条评论，快捷回复；再双击，取消回复此人。</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:Microsoft Yahei;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#comments .comment-body'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dblclick</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #006600; font-style: italic;">//其实也就是用双击事件来模拟用户点击那个“回复”链接的点击事件～</span>
	<span style="color: #003366; font-weight: bold;">var</span> crl<span style="color: #339933;">=</span>$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#cancel-comment-reply-link'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">next</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#respond'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		crl.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #000066; font-weight: bold;">else</span><span style="color: #009900;">&#123;</span>
		$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">find</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.comment-reply-link'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		crl.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;取消 @&quot;</span><span style="color: #339933;">+</span>$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">find</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.name'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #006600; font-style: italic;">//上句一个小功能，显示是@回复谁滴～</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><span style="color: #36f;"><strong>5.暂时木有了……</strong></span></p>
<p>擦，0:38，我去去！</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/no-reason-for-modify-themes.html/feed</wfw:commentRss>
		<slash:comments>84</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 2.370 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2012-05-23 17:49:22 -->

