<?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; ThickBox</title>
	<atom:link href="http://blog.colorbase.tw/tag/thickbox/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.colorbase.tw</link>
	<description>訊息多變的時代裡，需要多學習多思考</description>
	<lastBuildDate>Mon, 15 Aug 2011 03:29:59 +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>為Wordpress加上ThickBox 3漂亮的顯示網誌圖片</title>
		<link>http://blog.colorbase.tw/wordpress/334</link>
		<comments>http://blog.colorbase.tw/wordpress/334#comments</comments>
		<pubDate>Wed, 30 Jul 2008 10:59:49 +0000</pubDate>
		<dc:creator>阿育</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ThickBox]]></category>

		<guid isPermaLink="false">http://blog.colorbase.tw/?p=334</guid>
		<description><![CDATA[用WordPress的文章編輯器插入圖片，WordPress會很貼心的產生縮圖並將此縮圖連到原圖，不過美中不足的是WordPress就只是傻傻的連結圖片，所以為它加個plugin，讓傻傻的連圖變成漂亮的Show圖。

效果範例
1. 顯示單一圖片，點選下圖觀看效果


2.以對話框的方式顯示某網站，點選下面網址觀看效果
http://wordpress.org

3.顯示多個圖，點選下方任一圖，顯示後可按「Next」或「Prev」跳下、上一張。
  
相關連結

下載ThickBox 3 for WordPress
ThickBox 3 for WordPress官方網頁


讓Wordpress文章編輯器自動加入ThickBox的單一圖片顯示效果
由於ThickBox並沒有與Wordpree編輯器完全整合，如果要讓圖片都能夠用ThickBox顯示，每次都手動加入太麻煩了，所以需要稍微改一下WordPress的編輯器，讓每次插入圖片的時候，把原本傻傻的連結圖片變成漂亮的Show出圖片
步驟1.
在「[wordpress目錄]\wp-admin\includes\media.php」中搜尋以下文字
function get_image_send_to_editor
步驟2.
找到後繼續往下面找&#8230;


//找到下面這行
$html = '$html";
//加入class="thickbox"改成下面這樣
$html = '$html";


改完之後，下次再插入圖片就會自動以ThickBox秀圖了
]]></description>
			<content:encoded><![CDATA[<p>用WordPress的文章編輯器插入圖片，WordPress會很貼心的產生縮圖並將此縮圖連到原圖，不過美中不足的是WordPress就只是<em>傻傻的連結圖片</em>，所以為它加個plugin，讓傻傻的連圖變成<em>漂亮的Show圖</em>。</p>
<p><span id="more-334"></span></p>
<p><span style="color: #008080;"><strong>效果範例</strong></span></p>
<p><strong>1. 顯示單一圖片，點選下圖觀看效果</strong></p>
<p><a class="thickbox" href="http://blog.colorbase.tw/wp-content/uploads/2008/07/jdsj2771.jpg"><img class="alignnone size-medium wp-image-339" title="01" src="http://blog.colorbase.tw/wp-content/uploads/2008/07/jdsj2771-120x90.jpg" alt="" width="120" height="90" /></a></p>
<p><strong><br />
2.以對話框的方式顯示某網站，點選下面網址觀看效果</strong></p>
<p><a class="thickbox" href="http://wordpress.org/?TB_iframe=true&amp;height=500&amp;width=800">http://wordpress.org</a></p>
<p><strong><br />
3.顯示多個圖，點選下方任一圖，顯示後可按「Next」或「Prev」跳下、上一張。</strong></p>
<p><a class="thickbox" rel="group1" href="http://blog.colorbase.tw/wp-content/uploads/2008/07/jdsj2771.jpg"><img class="alignnone size-medium wp-image-339" title="01" src="http://blog.colorbase.tw/wp-content/uploads/2008/07/jdsj2771-120x90.jpg" alt="" width="120" height="90" /></a> <a class="thickbox" rel="group1" href="http://blog.colorbase.tw/wp-content/uploads/2008/07/jdsj459.jpg"><img class="alignnone size-medium wp-image-340" title="02" src="http://blog.colorbase.tw/wp-content/uploads/2008/07/jdsj459-120x90.jpg" alt="" width="120" height="90" /></a> <a class="thickbox" rel="group1" href="http://blog.colorbase.tw/wp-content/uploads/2008/07/jdsj524.jpg"><img class="alignnone size-medium wp-image-341" title="03" src="http://blog.colorbase.tw/wp-content/uploads/2008/07/jdsj524-120x90.jpg" alt="" width="120" height="90" /></a></p>
<p><span style="color: #008080;"><strong>相關連結</strong></span></p>
<ol>
<li><a href="http://mezzomondo.nelblog.it/thickbox3-plugin/miki-thickbox3.zip" target="_blank">下載ThickBox 3 for WordPress</a></li>
<li><a href="http://mezzomondo.nelblog.it/2007/05/28/thickbox3/" target="_blank">ThickBox 3 for WordPress官方網頁</a></li>
</ol>
<p><span style="color: #008080;"><strong><br />
讓Wordpress文章編輯器自動加入ThickBox的單一圖片顯示效果</strong></span></p>
<p>由於ThickBox並沒有與Wordpree編輯器完全整合，如果要讓圖片都能夠用ThickBox顯示，每次都手動加入太麻煩了，所以需要稍微改一下WordPress的編輯器，讓每次插入圖片的時候，把原本傻傻的連結圖片變成漂亮的Show出圖片</p>
<p><strong>步驟1.</strong><br />
在「<span style="color: #993300;">[wordpress目錄]\wp-admin\includes\media.php</span>」中搜尋以下文字</p>
<blockquote><p><strong>function</strong> <span style="color: #3366ff;">get_image_send_to_editor</span></p></blockquote>
<p><strong>步驟2.</strong></p>
<p>找到後繼續往下面找&#8230;</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:812469c5-0cb0-4c63-8c15-c81123a09de7:e7260e77-5e65-4ebc-af8d-01c0054aa9ca" class="wlWriterEditableSmartContent">
<pre name="code" class="php:nogutter">
//找到下面這行
$html = '<a href="' . clean_url($url) . ">$html</a>";
//加入class="thickbox"改成下面這樣
$html = '<a class="thickbox" href="' . clean_url($url) . ">$html</a>";
</pre>
</div>
<p>改完之後，下次再插入圖片就會自動以ThickBox秀圖了</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.colorbase.tw/wordpress/334/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

