<?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>wordpress.com.tw &#187; 無痛系列</title>
	<atom:link href="http://www.wordpress.com.tw/?feed=rss2&#038;cat=8" rel="self" type="application/rss+xml" />
	<link>http://www.wordpress.com.tw</link>
	<description>max and WordPress Nothing But Blog!!</description>
	<lastBuildDate>Fri, 30 Jul 2010 02:16:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>無痛升級WordPress 2.7版</title>
		<link>http://www.wordpress.com.tw/?p=321</link>
		<comments>http://www.wordpress.com.tw/?p=321#comments</comments>
		<pubDate>Sun, 14 Dec 2008 12:24:30 +0000</pubDate>
		<dc:creator>max</dc:creator>
				<category><![CDATA[無痛系列]]></category>
		<category><![CDATA[網誌]]></category>
		<category><![CDATA[2.7]]></category>
		<category><![CDATA[備份]]></category>
		<category><![CDATA[升級]]></category>

		<guid isPermaLink="false">http://www.wordpress.com.tw/?p=321</guid>
		<description><![CDATA[期待已久的 WordPress 2.7 版終於在日前正式發佈，這幾天應該有很多朋友已經將自己的WordPress升級到這個最新的版本了，接下來的文章內容就是 max 將網誌升級到2.7版的過程跟大家分享。 這些步驟是max將在虛擬主機上的WordPress網誌備份的過程，如果你是自行架設的主機或是免費主機，過程可能會稍有不同。 1. 所有升級過程一定要做的步驟就是備份。所以我們的第一個步驟就是備份，登入虛擬主機商提供的Cpanel管理介面（圖一），執行phpMyAdmin管理介面（圖二），將資料庫備份回個人電腦（圖三）。 （圖一） &#160; （圖二） &#160; （圖三） &#160; 2. 登入WordPress 管理介面將所有文章匯出（執行過步驟一，這個步驟可以視個人需要操作，圖四）。 （圖四） &#160; 3. 透過FTP軟體將網誌所有檔案下載回來備份，特別注意的是如果是使用FileZilla這個FTP軟體，記得請先將FileZilla軟體更新到最新版本，避免在待會上傳檔案到主機時發生檔案遺漏的錯誤。 4. 到WordPress.org將最新版本的 WordPress2.7 下載回來，並且解壓縮檔案。 5. 登入網誌管理介面，將所有外掛程式停用（圖五）。 （圖五） &#160; 6. 透過FTP軟體登入你安裝WordPress的主機，上傳最新版本的WordPress與正體中文語系檔案到主機上（原則上建議將舊版本刪除，然後再上傳新版本的檔案到主機上，盡量不要採用覆蓋檔案的方式，當然wp-config.php要保留，另外就是那些自行修改過的檔案要保留，例如.htaccess檔或是佈景主題&#8230;.等）。 7. 上傳完畢後登入網誌管理介面，這時你應該會看見要你執行資料庫升級到頁面（圖六），點選升級WordPress後，你就會看到一個升級完成的頁面（圖七）。 （圖六） &#160; （圖七） &#160; 8. 以上更新完成。]]></description>
			<content:encoded><![CDATA[<p>期待已久的 <a href="http://wordpress.org/development/2008/12/coltrane/">WordPress 2.7</a> 版終於在日前正式發佈，這幾天應該有很多朋友已經將自己的WordPress升級到這個最新的版本了，接下來的文章內容就是 <a href="http://www.wordpress.com.tw">max</a> 將網誌升級到2.7版的過程跟大家分享。</p>
<p>這些步驟是max將在虛擬主機上的WordPress網誌備份的過程，如果你是自行架設的主機或是免費主機，過程可能會稍有不同。</p>
<p>1. 所有升級過程一定要做的步驟就是<a href="http://www.wordpress.com.tw/?tag=%E5%82%99%E4%BB%BD">備份</a>。所以我們的第一個步驟就是備份，登入<a href="http://www.5net.com.tw">虛擬主機商</a>提供的Cpanel管理介面（圖一），執行phpMyAdmin管理介面（圖二），將資料庫備份回個人電腦（圖三）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/12/14/20081214-01-2.jpg" rel="lightbox" title="Cpanel"><img src="http://www.wordpress.com.tw/images/2008/12/14/20081214-01-1.jpg" alt="Cpanel" class="tn" /></a></div>
<div align="center">（圖一）</div>
<p>&nbsp;</p>
<p><span id="more-321"></span>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/12/14/20081214-02-2.jpg" rel="lightbox" title="phpMyAdmin"><img src="http://www.wordpress.com.tw/images/2008/12/14/20081214-02-1.jpg" alt="phpMyAdmin" class="tn" /></a></div>
<div align="center">（圖二）</div>
<p>&nbsp;</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/12/14/20081214-03-2.jpg" rel="lightbox" title="下載資料庫"><img src="http://www.wordpress.com.tw/images/2008/12/14/20081214-03-1.jpg" alt="下載資料庫" class="tn" /></a></div>
<div align="center">（圖三）</div>
<p>&nbsp;</p>
<p>2. 登入WordPress 管理介面將所有文章匯出（執行過步驟一，這個步驟可以視個人需要操作，圖四）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/12/14/20081214-04-2.jpg" rel="lightbox" title="匯出網誌"><img src="http://www.wordpress.com.tw/images/2008/12/14/20081214-04-1.jpg" alt="匯出網誌" class="tn" /></a></div>
<div align="center">（圖四）</div>
<p>&nbsp;</p>
<p>3. 透過FTP軟體將網誌所有檔案下載回來備份，特別注意的是如果是使用<a href="http://www.wordpress.com.tw/?p=46">FileZilla</a>這個FTP軟體，記得請先將FileZilla軟體更新到最新版本，避免在待會上傳檔案到主機時發生檔案遺漏的錯誤。</p>
<p>4. 到<a href="http://wordpress.org">WordPress.org</a>將最新版本的 <a href="http://wordpress.org/development/2008/12/coltrane/">WordPress2.7</a> 下載回來，並且解壓縮檔案。</p>
<p>5.  登入網誌管理介面，將所有外掛程式停用（圖五）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/12/14/20081214-05-2.jpg" rel="lightbox" title="停用外掛程式"><img src="http://www.wordpress.com.tw/images/2008/12/14/20081214-05-1.jpg" alt="停用外掛程式" class="tn" /></a></div>
<div align="center">（圖五）</div>
<p>&nbsp;</p>
<p>6. 透過FTP軟體登入你安裝WordPress的主機，上傳最新版本的WordPress與正體中文語系檔案到主機上（原則上建議將舊版本刪除，然後再上傳新版本的檔案到主機上，盡量不要採用覆蓋檔案的方式，當然<strong>wp-config.php</strong>要保留，另外就是那些自行修改過的檔案要保留，例如.htaccess檔或是佈景主題&#8230;.等）。</p>
<p>7. 上傳完畢後登入網誌管理介面，這時你應該會看見要你執行資料庫升級到頁面（圖六），點選升級WordPress後，你就會看到一個升級完成的頁面（圖七）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/12/14/20081214-06-2.jpg" rel="lightbox" title="升級WordPress"><img src="http://www.wordpress.com.tw/images/2008/12/14/20081214-06-1.jpg" alt="升級WordPress" class="tn" /></a></div>
<div align="center">（圖六）</div>
<p>&nbsp;</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/12/14/20081214-07-2.jpg" rel="lightbox" title="升級完成"><img src="http://www.wordpress.com.tw/images/2008/12/14/20081214-07-1.jpg" alt="升級完成" class="tn" /></a></div>
<div align="center">（圖七）</div>
<p>&nbsp;</p>
<p>8. 以上更新完成。</p>
<img src="http://www.wordpress.com.tw/wp/?ak_action=api_record_view&id=321&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.wordpress.com.tw/?feed=rss2&amp;p=321</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>下拉式選單</title>
		<link>http://www.wordpress.com.tw/?p=265</link>
		<comments>http://www.wordpress.com.tw/?p=265#comments</comments>
		<pubDate>Mon, 15 Sep 2008 15:49:20 +0000</pubDate>
		<dc:creator>max</dc:creator>
				<category><![CDATA[無痛系列]]></category>
		<category><![CDATA[網誌]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[佈景主題]]></category>
		<category><![CDATA[側邊欄]]></category>

		<guid isPermaLink="false">http://www.wordpress.com.tw/?p=265</guid>
		<description><![CDATA[在使用WordPress一段時間以後，可能累積了不少的文章，這時候網頁側邊欄就會有很長文章彙整的連結，如果你的佈景主題支援Widgets，那麼只要在版面→Widgets裡面勾選顯示為下拉式（圖一），這樣文章彙整的連結就幫你轉換為下拉式的選單了（圖二），讓版面看起來比較清爽一點。 （圖一） &#160; （圖二） &#160; 但是，如果佈景主題沒有支援Widgets的話，那麼應該怎麼作呢？ 這時候只好自己來修改佈景主題裡面關於文章彙整的顯示語法。 1. 打開佈景主題的sidebar.php。 2. 找到如下的語法。 1 &#60;?php wp_get_archives&#40;'type=monthly'&#41;; ?&#62; 3. 置換成如下語法。 1 2 3 &#60;select name=\&#34;archive-dropdown\&#34; onChange='document.location.href=this.options[this.selectedIndex].value;'&#62; &#60;option value=\&#34;\&#34;&#62;&#60;?php echo attribute_escape&#40;__&#40;'Select Month'&#41;&#41;; ?&#62;&#60;/option&#62; &#60;?php wp_get_archives&#40;'type=monthly&#38;format=option&#38;show_post_count=1'&#41;; ?&#62;&#60;/select&#62; 4. 以上完成。]]></description>
			<content:encoded><![CDATA[<p>在使用WordPress一段時間以後，可能累積了不少的文章，這時候網頁側邊欄就會有很長文章彙整的連結，如果你的佈景主題支援Widgets，那麼只要在版面→Widgets裡面勾選顯示為下拉式（圖一），這樣文章彙整的連結就幫你轉換為下拉式的選單了（圖二），讓版面看起來比較清爽一點。</p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/09/15/20080915-01.jpg" alt="Widgets下拉式選單" class="tn" /></div>
<div align="center">（圖一）</div>
<p>&nbsp;</p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/09/15/20080915-02.jpg" alt="文章彙整下拉式選單" class="tn" /></div>
<div align="center">（圖二）</div>
<p>&nbsp;</p>
<p>但是，如果佈景主題沒有支援Widgets的話，那麼應該怎麼作呢？</p>
<p><span id="more-265"></span>這時候只好自己來修改佈景主題裡面關於文章彙整的顯示語法。</p>
<p>1. 打開佈景主題的sidebar.php。<br />
2. 找到如下的語法。</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_get_archives<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'type=monthly'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>3. 置換成如下語法。</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">&lt;select name=\&quot;archive-dropdown\&quot; onChange='document.location.href=this.options[this.selectedIndex].value;'&gt;
&lt;option value=\&quot;\&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> attribute_escape<span style="color: #009900;">&#40;</span>__<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Select Month'</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>&lt;/option&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_get_archives<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'type=monthly&amp;format=option&amp;show_post_count=1'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/select&gt;</pre></td></tr></table></div>

<p>4. 以上完成。</p>
<img src="http://www.wordpress.com.tw/wp/?ak_action=api_record_view&id=265&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.wordpress.com.tw/?feed=rss2&amp;p=265</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>無痛使用 WordPress &#8211; YouTube篇</title>
		<link>http://www.wordpress.com.tw/?p=131</link>
		<comments>http://www.wordpress.com.tw/?p=131#comments</comments>
		<pubDate>Tue, 01 Jul 2008 15:30:23 +0000</pubDate>
		<dc:creator>max</dc:creator>
				<category><![CDATA[無痛系列]]></category>
		<category><![CDATA[網誌]]></category>
		<category><![CDATA[Embed]]></category>
		<category><![CDATA[YouTube]]></category>

		<guid isPermaLink="false">http://www.wordpress.com.tw/?p=131</guid>
		<description><![CDATA[在文章中插入YouTube影片是很容易的事情，在接下來的步驟裡max將透過間單的圖文跟大家分享如何在文章中輕鬆的插入YouTube影片。 1. 首先在你想要安插YouTube影片的網頁找到畫面右邊的嵌入語法（圖一），並且將整段語法複製起來。 （圖一） 2. 回到WordPress的管理介面，開始撰寫文章，在編寫文章之前先將文章編寫的模式切換到程式碼模式（圖二）。 （圖二） 3. 然後將步驟一複製到的語法貼在文章內容區塊（圖三），編寫完後點選發表。 （圖三） 4. 以上完成，回到你的首頁你就可以看見剛剛發表的YouTube文章（圖四）。 （圖四）]]></description>
			<content:encoded><![CDATA[<p>在文章中插入<a href="http://www.youtube.com/">YouTube</a>影片是很容易的事情，在接下來的步驟裡max將透過間單的圖文跟大家分享如何在文章中輕鬆的插入YouTube影片。</p>
<p>1. 首先在你想要安插<a href="http://www.youtube.com/">YouTube</a>影片的網頁找到畫面右邊的嵌入語法（圖一），並且將整段語法複製起來。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/07/01/20080701-01-2.jpg" rel="lightbox" title="YouTube網頁"><img src="http://www.wordpress.com.tw/images/2008/07/01/20080701-01-1.jpg" alt="YouTube網頁" class="tn" /></a></div>
<div align="center">（圖一）</div>
<p></ br><br />
</ br></p>
<p><span id="more-131"></span>2. 回到<a href="http://wordpress.org">WordPress</a>的管理介面，開始撰寫文章，在編寫文章之前先將文章編寫的模式切換到<strong>程式碼模式</strong>（圖二）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/07/01/20080701-02-2.jpg" rel="lightbox" title="程式碼模式"><img src="http://www.wordpress.com.tw/images/2008/07/01/20080701-02-1.jpg" alt="程式碼模式" class="tn" /></a></div>
<div align="center">（圖二）</div>
<p></ br><br />
</ br></p>
<p>3. 然後將步驟一複製到的語法貼在文章內容區塊（圖三），編寫完後點選發表。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/07/01/20080701-03-2.jpg" rel="lightbox" title="文章區塊"><img src="http://www.wordpress.com.tw/images/2008/07/01/20080701-03-1.jpg" alt="文章區塊" class="tn" /></a></div>
<div align="center">（圖三）</div>
<p></ br><br />
</ br></p>
<p>4. 以上完成，回到你的首頁你就可以看見剛剛發表的YouTube文章（圖四）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/07/01/20080701-04-2.jpg" rel="lightbox" title="YouTube完成"><img src="http://www.wordpress.com.tw/images/2008/07/01/20080701-04-1.jpg" alt="YouTube完成" class="tn" /></a></div>
<div align="center">（圖四）</div>
<p></ br><br />
</ br></p>
<img src="http://www.wordpress.com.tw/wp/?ak_action=api_record_view&id=131&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.wordpress.com.tw/?feed=rss2&amp;p=131</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>無痛使用 WordPress 我的第一個佈景主題</title>
		<link>http://www.wordpress.com.tw/?p=95</link>
		<comments>http://www.wordpress.com.tw/?p=95#comments</comments>
		<pubDate>Sun, 10 Feb 2008 08:36:12 +0000</pubDate>
		<dc:creator>max</dc:creator>
				<category><![CDATA[無痛系列]]></category>
		<category><![CDATA[Kubrick]]></category>
		<category><![CDATA[rotate]]></category>
		<category><![CDATA[佈景主題]]></category>

		<guid isPermaLink="false">http://www.wordpress.com.tw/wp/?p=95</guid>
		<description><![CDATA[選擇WordPress來架設部落格的人，除了因為它是免費的原因以外，另外有很多也是因為它的佈景主題非常多，而且安裝替換十分容易，所以才選擇WordPress的。當我們一安裝完畢以後就內建了兩個佈景主題，其中的WordPress Default（圖一），是以在WordPress 1.X 版時就十分有名的Kubrick為基礎而建立的，這是一個在當時非常受歡迎的佈景主題，這一次max將透過一些簡單的修改，讓這個預設的佈景主題可以帶給你不一樣的視覺感受，而且又具有個人的特色。 （圖一） 如果只是要替換頁首的圖片，你可以直接替換佈景主題裡/images/kubrickheader.jpg這個檔案，不過這次要跟大家分享的是，每一次的頁面轉換都會隨機帶入不同圖片，讓頁面更活潑，也更具個人特色。 1. 首先當然是要準備頁首的圖片，這個部分可以自行製作，將不同的頁首圖片存成不同的檔名。 2. 要隨機帶入不同圖片，我們需要一個隨機展示圖片的程式，這個程式可以到Matthew Mullenweg 這位作者的Random Image Script（圖二）取得。 （圖二） 3. 將圖二紅色框框部分的程式碼複製下來，打開Notepad++（如果沒有Notepad++的話也可以以其它的文字編輯軟體取代），然後貼上程式碼，將檔案存成rotate.php檔（圖三）。 （圖三） 4. 接著下來就是將製作好的頁首圖片與rotate.php檔上傳，我們在預設佈景主題（WordPress Default）的images資料夾下再建立一個header-img-rotate資料夾（/wp-content/themes/default/images/header-img-rotate/）（圖四），將頁首圖片跟rotate.php檔都上傳到header-img-rotate資料夾下（圖五）。 （圖四） （圖五） 5. 再來還是透過FTP軟體，將佈景主題下的/wp-content/themes/default/style.css檔案的屬性改為可以寫入（圖六）。 （圖六） 6. 登入WordPress的管理介面，找到外觀→佈景主題編輯器（圖七），準備對style.css檔案進行修改，步驟五設定屬性正確，這時在右下角會看見更新檔案按鈕（圖七紅色框框）。 （圖七） 7. 在編輯框框中找到 #header { background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center; } &#8230; <a href="http://www.wordpress.com.tw/?p=95">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>選擇WordPress來架設部落格的人，除了因為它是免費的原因以外，另外有很多也是因為它的佈景主題非常多，而且安裝替換十分容易，所以才選擇WordPress的。當我們一安裝完畢以後就內建了兩個佈景主題，其中的WordPress Default（圖一），是以在WordPress 1.X 版時就十分有名的Kubrick為基礎而建立的，這是一個在當時非常受歡迎的佈景主題，這一次max將透過一些簡單的修改，讓這個預設的佈景主題可以帶給你不一樣的視覺感受，而且又具有個人的特色。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/02/10/20080210-01-2.jpg" rel="lightbox" title="WordPress Default"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-01-1.jpg" alt="WordPress Default" class="tn" /></a></div>
<div align="center">（圖一）</div>
<p></br></p>
<p>如果只是要替換頁首的圖片，你可以直接替換佈景主題裡/images/kubrickheader.jpg這個檔案，不過這次要跟大家分享的是，每一次的頁面轉換都會隨機帶入不同圖片，讓頁面更活潑，也更具個人特色。</p>
<p><span id="more-95"></span>1. 首先當然是要準備頁首的圖片，這個部分可以自行製作，將不同的頁首圖片存成不同的檔名。</p>
<p>2. 要隨機帶入不同圖片，我們需要一個隨機展示圖片的程式，這個程式可以到Matthew Mullenweg 這位作者的<a href="http://ma.tt/scripts/randomimage/" target="_blank">Random Image Script</a>（圖二）取得。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/02/10/20080210-02-2.jpg" rel="lightbox" title="Random Image Script"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-02-1.jpg" alt="Random Image Script" class="tn" /></a></div>
<div align="center">（圖二）</div>
<p></br></p>
<p>3. 將圖二紅色框框部分的程式碼複製下來，打開Notepad++（如果沒有Notepad++的話也可以以其它的文字編輯軟體取代），然後貼上程式碼，將檔案存成rotate.php檔（圖三）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/02/10/20080210-03-2.jpg" rel="lightbox" title="rotate.php"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-03-1.jpg" alt="rotate.php" class="tn" /></a></div>
<div align="center">（圖三）</div>
<p></br></p>
<p>4. 接著下來就是將製作好的頁首圖片與rotate.php檔上傳，我們在預設佈景主題（WordPress Default）的images資料夾下再建立一個header-img-rotate資料夾（/wp-content/themes/default/images/header-img-rotate/）（圖四），將頁首圖片跟rotate.php檔都上傳到header-img-rotate資料夾下（圖五）。</p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-04.jpg" alt="header-img-rotate" class="tn" /></div>
<div align="center">（圖四）</div>
<p></br></p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-05.jpg" alt="頁首圖片跟rotate.php檔" class="tn" /></div>
<div align="center">（圖五）</div>
<p></br></p>
<p>5. 再來還是透過FTP軟體，將佈景主題下的/wp-content/themes/default/style.css檔案的屬性改為可以寫入（圖六）。</p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-06.jpg" alt="style.css" class="tn" /></div>
<div align="center">（圖六）</div>
<p></br></p>
<p>6. 登入WordPress的管理介面，找到外觀→佈景主題編輯器（圖七），準備對style.css檔案進行修改，步驟五設定屬性正確，這時在右下角會看見更新檔案按鈕（圖七紅色框框）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/02/10/20080210-07-2.jpg" rel="lightbox" title="佈景主題編輯器"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-07-1.jpg" alt="佈景主題編輯器" class="tn" /></a></div>
<div align="center">（圖七）</div>
<p></br></p>
<p>7. 在編輯框框中找到<br />
<code>#header {<br />
	background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;<br />
	}</code><br />
將<code>background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;</code>（圖八）<br />
換成<code>background: #73a0c5 url('images/header-img-rotate/rotate.php') no-repeat bottom center;</code>（圖九），完成後點選更新檔案。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/02/10/20080210-08-2.jpg" rel="lightbox" title="kubrickheader.jpg"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-08-1.jpg" alt="kubrickheader.jpg" class="tn" /></a></div>
<div align="center">（圖八）</div>
<p></br></p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/02/10/20080210-09-2.jpg" rel="lightbox" title="header-img-rotate/rotate.php"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-09-1.jpg" alt="header-img-rotate/rotate.php" class="tn" /></a></div>
<div align="center">（圖九）</div>
<p></br></p>
<p>8. 回到WordPress首頁，這時會發現頁首的圖片已經修改完成（圖十），重新載入瀏覽器，或是點選文章，會發現頁首圖片也跟著變換了（圖十一），以上完成。</p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-10.jpg" alt="頁首圖片一" class="tn" /></div>
<div align="center">（圖十）</div>
<p></br></p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-11.jpg" alt="頁首圖片二" class="tn" /></div>
<div align="center">（圖十一）</div>
<p></br></p>
<p><strong>（註）</strong>記的要將style.css的屬性修改回原來的屬性644（圖十二）。</p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/02/10/20080210-12.jpg" alt="644屬性" class="tn" /></div>
<div align="center">（圖十二）</div>
<p></br></p>
<img src="http://www.wordpress.com.tw/wp/?ak_action=api_record_view&id=95&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.wordpress.com.tw/?feed=rss2&amp;p=95</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>無痛使用 WordPress 微笑外掛篇</title>
		<link>http://www.wordpress.com.tw/?p=93</link>
		<comments>http://www.wordpress.com.tw/?p=93#comments</comments>
		<pubDate>Wed, 30 Jan 2008 03:38:30 +0000</pubDate>
		<dc:creator>max</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[無痛系列]]></category>
		<category><![CDATA[smiley]]></category>
		<category><![CDATA[WP Grins]]></category>
		<category><![CDATA[外掛]]></category>

		<guid isPermaLink="false">http://www.wordpress.com.tw/wp/?p=93</guid>
		<description><![CDATA[在上一篇的文章跟大家分享了如何在文章中加上微笑圖案，對於不常使用微笑圖案的人，要對照那麼多的代碼是有些不方便。接下來就跟大家分享一支微笑的外掛程式 WP Grins，只要安裝好，就可以在編寫文章或是發表留言時，出現微笑的圖示列，直接點選就可以使用了。 1. 首先到 WordPress Plugins下載 WP Grins這支外掛程式（圖一）。 （圖一） 2. 解壓縮以後，使用FTP軟體將wp-grins.php檔上傳到主機上的/wp-content/plugins/資料夾下（圖二）。 （圖二） 3. 登入WordPress管理介面，到外掛程式管理區塊，將WP Grins這支外掛程式啟用（圖三）。 （圖三） 4. WP Grins啟用以後，開始要撰寫新文章時，就可以看見微笑的圖示列出現在文章撰寫區塊的下方（圖四），直接點選就可以使用了。 （圖四） 5. 另外到文章呈現的頁面，也可以看到留言區塊的上方，多了微笑圖示列，方便留言者直接使用微笑圖示（圖五）。 （圖五） 以上完成，不必修改程式或是加入語法，就可以開始使用，十分容易。]]></description>
			<content:encoded><![CDATA[<p>在<a href="http://www.wordpress.com.tw/wp/?p=92">上一篇</a>的文章跟大家分享了如何在文章中加上微笑圖案，對於不常使用微笑圖案的人，要對照那麼多的代碼是有些不方便。接下來就跟大家分享一支微笑的外掛程式 <a href="http://wordpress.org/extend/plugins/wp-grins/" target="_blank">WP Grins</a>，只要安裝好，就可以在編寫文章或是發表留言時，出現微笑的圖示列，直接點選就可以使用了。</p>
<p>1. 首先到 <a href="http://wordpress.org/extend/plugins/wp-grins/" target="_blank">WordPress Plugins</a>下載 WP Grins這支外掛程式（圖一）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/27/20080127-02-2.jpg" rel="lightbox" title="WP Grins"><img src="http://www.wordpress.com.tw/images/2008/01/27/20080127-02-1.jpg" alt="WP Grins" class="tn" /></a></div>
<div align="center">（圖一）</div>
<p></br></p>
<p><span id="more-93"></span>2. 解壓縮以後，使用FTP軟體將wp-grins.php檔上傳到主機上的/wp-content/plugins/資料夾下（圖二）。</p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/01/27/20080127-03.jpg" alt="wp-grins.php" class="tn" /></div>
<div align="center">（圖二）</div>
<p></br></p>
<p>3. 登入WordPress管理介面，到外掛程式管理區塊，將WP Grins這支外掛程式啟用（圖三）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/27/20080127-04-2.jpg" rel="lightbox" title="WP Grins啟用"><img src="http://www.wordpress.com.tw/images/2008/01/27/20080127-04-1.jpg" alt="WP Grins啟用" class="tn" /></a></div>
<div align="center">（圖三）</div>
<p></br></p>
<p>4. WP Grins啟用以後，開始要撰寫新文章時，就可以看見微笑的圖示列出現在文章撰寫區塊的下方（圖四），直接點選就可以使用了。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/27/20080127-05-2.jpg" rel="lightbox" title="撰寫文章區塊微笑圖示列"><img src="http://www.wordpress.com.tw/images/2008/01/27/20080127-05-1.jpg" alt="撰寫文章區塊微笑圖示列" class="tn" /></a></div>
<div align="center">（圖四）</div>
<p></br></p>
<p>5. 另外到文章呈現的頁面，也可以看到留言區塊的上方，多了微笑圖示列，方便留言者直接使用微笑圖示（圖五）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/27/20080127-06-2.jpg" rel="lightbox" title="留言區塊微笑圖示列"><img src="http://www.wordpress.com.tw/images/2008/01/27/20080127-06-1.jpg" alt="留言區塊微笑圖示列" class="tn" /></a></div>
<div align="center">（圖五）</div>
<p></br></p>
<p>以上完成，不必修改程式或是加入語法，就可以開始使用，十分容易。</p>
<img src="http://www.wordpress.com.tw/wp/?ak_action=api_record_view&id=93&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.wordpress.com.tw/?feed=rss2&amp;p=93</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>無痛使用 WordPress 微笑篇</title>
		<link>http://www.wordpress.com.tw/?p=92</link>
		<comments>http://www.wordpress.com.tw/?p=92#comments</comments>
		<pubDate>Sun, 27 Jan 2008 01:31:42 +0000</pubDate>
		<dc:creator>max</dc:creator>
				<category><![CDATA[無痛系列]]></category>
		<category><![CDATA[smiley]]></category>
		<category><![CDATA[微笑圖案]]></category>

		<guid isPermaLink="false">http://www.wordpress.com.tw/wp/?p=92</guid>
		<description><![CDATA[有時候會在別人的文章中看見一些微笑的圖案 ，感覺上文章好像變的比較活潑一點。其實想要在WordPress編寫文章時使用微笑圖案，基本上是非常容易的，只要在WordPress的管理介面一般選項→撰寫設定→格式化：顯示時自動將：-) 以及 ：-P 等表情符號轉換成圖片這個地方打勾（圖一紅色框框處），那麼在文章中就可以使用微笑圖案了。 （圖一） 使用的方法很簡單，在文章輸入的時候可以直接輸入微笑圖案的代碼，像是輸入：)就會出現 圖案了。 至於圖案套用的代碼，如果不清楚的話可以參考 WordPress Codex Using Smilies 這一篇文章，有很詳細的對照表可以參考（圖二）。 （圖二）]]></description>
			<content:encoded><![CDATA[<p>有時候會在別人的文章中看見一些微笑的圖案 <img src='http://www.wordpress.com.tw/wp/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  <img src='http://www.wordpress.com.tw/wp/wp-includes/images/smilies/icon_razz.gif' alt=':-P' class='wp-smiley' />  <img src='http://www.wordpress.com.tw/wp/wp-includes/images/smilies/icon_eek.gif' alt='8-O' class='wp-smiley' /> ，感覺上文章好像變的比較活潑一點。其實想要在WordPress編寫文章時使用微笑圖案，基本上是非常容易的，只要在WordPress的管理介面一般選項→撰寫設定→格式化：顯示時自動將：-) 以及 ：-P 等表情符號轉換成圖片這個地方打勾（圖一紅色框框處），那麼在文章中就可以使用微笑圖案了。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/27/20080127-01-4.jpg" rel="lightbox" title="表情符號轉換成圖片"><img src="http://www.wordpress.com.tw/images/2008/01/27/20080127-01-3.jpg" alt="表情符號轉換成圖片" class="tn" /></a></div>
<div align="center">（圖一）</div>
<p></br></p>
<p>使用的方法很簡單，在文章輸入的時候可以直接輸入微笑圖案的代碼，像是輸入：)就會出現 <img src='http://www.wordpress.com.tw/wp/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  圖案了。<br />
至於圖案套用的代碼，如果不清楚的話可以參考 <a href="http://codex.wordpress.org/Using_Smilies" target="_blank">WordPress Codex Using Smilies</a> 這一篇文章，有很詳細的對照表可以參考（圖二）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/27/20080127-01-2.jpg" rel="lightbox" title="表情符號對照表"><img src="http://www.wordpress.com.tw/images/2008/01/27/20080127-01-1.jpg" alt="表情符號對照表" class="tn" /></a></div>
<div align="center">（圖二）</div>
<p></br></p>
<img src="http://www.wordpress.com.tw/wp/?ak_action=api_record_view&id=92&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.wordpress.com.tw/?feed=rss2&amp;p=92</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>無痛使用 WordPress &#8211; more標籤補充篇</title>
		<link>http://www.wordpress.com.tw/?p=88</link>
		<comments>http://www.wordpress.com.tw/?p=88#comments</comments>
		<pubDate>Sun, 13 Jan 2008 03:35:30 +0000</pubDate>
		<dc:creator>max</dc:creator>
				<category><![CDATA[Themes]]></category>
		<category><![CDATA[無痛系列]]></category>
		<category><![CDATA[標籤]]></category>

		<guid isPermaLink="false">http://www.wordpress.com.tw/wp/?p=88</guid>
		<description><![CDATA[在無痛使用 WordPress &#8211; more標籤篇這一篇文章跟大家分享了如何讓文章分段顯示的用法，不過它的表現方式因不同的佈景主題而有不同的英文字串顯示（圖一紅色箭頭所指），接下來就以WordPress內建預設的佈景主題（default）跟大家分享如何將它改成中文的方法。 （圖一） 1. 首先透過FTP軟體連到主機上，WordPress佈景主題的資料夾（/wp-content/themes/default/），修改index.php的檔案屬性（圖二），將它由644（圖三）改成666（圖四），完成後按確定。 （圖二） （圖三） （圖四） 2. 登入WordPress管理介面，外觀→佈景主題編輯器→主要索引頁(Index)模板（圖五紅色箭頭所指），準備進行修改。 （圖五） 3. 如果在第一點index.php的檔案屬性設定正確後，現在就可以開始對index.php進行修改，而且也會看見多了一個更新檔案的按鈕（圖六紅色框框）。接下來在index.php檔案的編輯頁框中找到Read the rest of this entry（圖六紅色箭頭所指）這一段文字，這就是我們要把它改成中文的字串（這裡是以default佈景主題為範本）。 （圖六） 4. 將它改成你想要填入的中文字串，例如繼續閱讀（圖七紅色箭頭所指），修改完後按更新檔案按鈕（圖七紅色框框）。 （圖七） 5. 以上完成，來到使用more標籤的文章，會看到Read the rest of this entry已經修改成繼續閱讀（圖八）了。 （圖八） （註）index.php檔案修改完成後，一定要記得將檔案屬性再改回成644。]]></description>
			<content:encoded><![CDATA[<p>在<a href="http://www.wordpress.com.tw/wp/?p=84">無痛使用 WordPress &#8211; more標籤篇</a>這一篇文章跟大家分享了如何讓文章分段顯示的用法，不過它的表現方式因不同的佈景主題而有不同的英文字串顯示（圖一紅色箭頭所指），接下來就以WordPress內建預設的佈景主題（default）跟大家分享如何將它改成中文的方法。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/13/20080113-02-2.jpg" rel="lightbox" title="Read the rest of this entry"><img src="http://www.wordpress.com.tw/images/2008/01/13/20080113-02-1.jpg" alt="Read the rest of this entry" class="tn" /></a></div>
<div align="center">（圖一）</div>
<p></br></p>
<p><span id="more-88"></span>1. 首先透過FTP軟體連到主機上，WordPress佈景主題的資料夾（/wp-content/themes/default/），修改index.php的檔案屬性（圖二），將它由644（圖三）改成666（圖四），完成後按確定。</p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/01/13/20080113-03.jpg" alt="index.php檔案屬性" class="tn" /></div>
<div align="center">（圖二）</div>
<p></br></p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/01/13/20080113-04.jpg" alt="644" class="tn" /></div>
<div align="center">（圖三）</div>
<p></br></p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2008/01/13/20080113-05.jpg" alt="666" class="tn" /></div>
<div align="center">（圖四）</div>
<p></br></p>
<p>2. 登入WordPress管理介面，外觀→佈景主題編輯器→主要索引頁(Index)模板（圖五紅色箭頭所指），準備進行修改。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/13/20080113-06-2.jpg" rel="lightbox" title="主要索引頁(Index)模板"><img src="http://www.wordpress.com.tw/images/2008/01/13/20080113-06-1.jpg" alt="主要索引頁(Index)模板" class="tn" /></a></div>
<div align="center">（圖五）</div>
<p></br></p>
<p>3. 如果在第一點index.php的檔案屬性設定正確後，現在就可以開始對index.php進行修改，而且也會看見多了一個更新檔案的按鈕（圖六紅色框框）。接下來在index.php檔案的編輯頁框中找到<strong>Read the rest of this entry</strong>（圖六紅色箭頭所指）這一段文字，這就是我們要把它改成中文的字串（這裡是以default佈景主題為範本）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/13/20080113-07-2.jpg" rel="lightbox" title="Read the rest of this entry"><img src="http://www.wordpress.com.tw/images/2008/01/13/20080113-07-1.jpg" alt="Read the rest of this entry" class="tn" /></a></div>
<div align="center">（圖六）</div>
<p></br></p>
<p>4. 將它改成你想要填入的中文字串，例如<strong>繼續閱讀</strong>（圖七紅色箭頭所指），修改完後按更新檔案按鈕（圖七紅色框框）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/13/20080113-08-2.jpg" rel="lightbox" title="繼續閱讀"><img src="http://www.wordpress.com.tw/images/2008/01/13/20080113-08-1.jpg" alt="繼續閱讀" class="tn" /></a></div>
<div align="center">（圖七）</div>
<p></br></p>
<p>5. 以上完成，來到使用more標籤的文章，會看到<strong>Read the rest of this entry</strong>已經修改成<strong>繼續閱讀</strong>（圖八）了。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/13/20080113-09-2.jpg" rel="lightbox" title="more繼續閱讀"><img src="http://www.wordpress.com.tw/images/2008/01/13/20080113-09-1.jpg" alt="more繼續閱讀" class="tn" /></a></div>
<div align="center">（圖八）</div>
<p></br></p>
<p><strong>（註）</strong>index.php檔案修改完成後，一定要記得將檔案屬性再改回成<strong>644</strong>。</p>
<img src="http://www.wordpress.com.tw/wp/?ak_action=api_record_view&id=88&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.wordpress.com.tw/?feed=rss2&amp;p=88</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>無痛使用 WordPress &#8211; nextpage標籤篇</title>
		<link>http://www.wordpress.com.tw/?p=86</link>
		<comments>http://www.wordpress.com.tw/?p=86#comments</comments>
		<pubDate>Tue, 08 Jan 2008 09:27:46 +0000</pubDate>
		<dc:creator>max</dc:creator>
				<category><![CDATA[無痛系列]]></category>
		<category><![CDATA[標籤]]></category>

		<guid isPermaLink="false">http://www.wordpress.com.tw/wp/?p=86</guid>
		<description><![CDATA[關於單篇文章過長，想要將文章分成好幾頁來展示，例如max在WordPress 外掛程式 Lightbox2這一篇文章裡，將文章分成兩頁來描述（圖一紅色箭頭所指），這時候可以使用的標籤是&#60;!--nextpage--&#62;。 （圖一） 在編輯發表文章的時候，在你想要分頁的地方插入&#60;!--nextpage--&#62;即可，十分容易，有興趣的可以試試。 （註）上文提的的這個分頁標籤&#60;!--nextpage--&#62;，可能在有些佈景主題上沒有反應，這個時候如果還是想要使用這個標籤的話，可以檢查佈景主題裡的index.php跟page.php這兩個檔案，看看是否有&#60;?php wp_link_pages(); ?&#62;這一句語法，如果沒有的話，將它補上，這樣&#60;!--nextpage--&#62;這個分頁標籤才能正常運作。通常分頁的顯示以max的網站來說它是出現在文章的下方，所以&#60;?php wp_link_pages(); ?&#62;就要加在含有 &#60;?php the_content(); ?&#62; 這個語法的整段下方。 例如： &#60;?php the_content(); ?&#62; &#60;?php wp_link_pages(); ?&#62;]]></description>
			<content:encoded><![CDATA[<p>關於單篇文章過長，想要將文章分成好幾頁來展示，例如max在<a href="http://www.wordpress.com.tw/wp/?p=72">WordPress 外掛程式 Lightbox2</a>這一篇文章裡，將文章分成兩頁來描述（圖一紅色箭頭所指），這時候可以使用的標籤是<code>&lt;!--nextpage--&gt;</code>。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/08/20080108-01-2.jpg" rel="lightbox" title="nextpage"><img src="http://www.wordpress.com.tw/images/2008/01/08/20080108-01-1.jpg" alt="nextpage" class="tn" /></a></div>
<div align="center">（圖一）</div>
<p></br></p>
<p>在編輯發表文章的時候，在你想要分頁的地方插入<code>&lt;!--nextpage--&gt;</code>即可，十分容易，有興趣的可以試試。</p>
<p><strong>（註）</strong>上文提的的這個分頁標籤<code>&lt;!--nextpage--&gt;</code>，可能在有些佈景主題上沒有反應，這個時候如果還是想要使用這個標籤的話，可以檢查佈景主題裡的index.php跟page.php這兩個檔案，看看是否有<code>&lt;?php wp_link_pages(); ?&gt;</code>這一句語法，如果沒有的話，將它補上，這樣<code>&lt;!--nextpage--&gt;</code>這個分頁標籤才能正常運作。通常分頁的顯示以max的網站來說它是出現在文章的下方，所以<code>&lt;?php wp_link_pages(); ?&gt;</code>就要加在含有 <strong><code>&lt;?php the_content(); ?&gt;</code></strong> 這個語法的整段下方。</p>
<p>例如：<br />
<strong><code>&lt;?php the_content(); ?&gt;</code></strong><br />
<strong><code>&lt;?php wp_link_pages(); ?&gt;</code><br />
</strong></p>
<img src="http://www.wordpress.com.tw/wp/?ak_action=api_record_view&id=86&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.wordpress.com.tw/?feed=rss2&amp;p=86</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>無痛使用 WordPress &#8211; more標籤篇</title>
		<link>http://www.wordpress.com.tw/?p=84</link>
		<comments>http://www.wordpress.com.tw/?p=84#comments</comments>
		<pubDate>Fri, 04 Jan 2008 07:04:34 +0000</pubDate>
		<dc:creator>max</dc:creator>
				<category><![CDATA[無痛系列]]></category>
		<category><![CDATA[標籤]]></category>

		<guid isPermaLink="false">http://www.wordpress.com.tw/wp/?p=84</guid>
		<description><![CDATA[在發表文章時，如果文章的內容繁多版面很長，常常會將首頁的頁面拉的很長，造成閱讀不便，現在跟大家分享一個WordPress 內建的標籤用法，可以將文章分段，就是我們常看到的&#8221;繼續閱讀&#8221;或是&#8221;Continue Reading&#8221;這種表現方式。 使用的方法很簡單，以下就透過簡單的圖文跟大家分享如何使用&#60;!--more--&#62;這個標籤。 1. 登入WordPress的管理介面，點選右上角的個人資料，看看撰寫時，使用可視化編輯器。這個地方有沒有打勾（圖一），如果沒有打勾，那麼你發表文章時畫面上的工具列會如圖二所示（圖二）。 （圖一） （圖二） 2. 在你發表文章時，想要分段的地方，點選工具列上的more按鈕（圖三B箭頭所指），那麼文章分段處會出現&#60;!--more--&#62;這個標籤（圖三A箭頭所指），那麼&#60;!--more--&#62;這個標籤之後的文章就不會出現在首頁的頁面了。 （圖三） 3. 另外，如果撰寫時，使用可視化編輯器。這個地方有打勾（圖四），那麼你發表文章時畫面上的工具列會如圖五所示（圖五）。 （圖四） （圖五） 4. 同樣的在你發表文章時，想要將文章分段的地方，點選工具列上的圖示（圖六箭頭A所指），那麼會出現一個more區塊（圖六箭頭B所指＆紅色框框），在框框內填入文章分段之後的文字。 （圖六） 5. 以上完成，那麼在首頁文章將出現分段的標示，必須點選才能看到完整的文章（圖七）。 （圖七） （註）至於撰寫時，使用可視化編輯器。這個地方要不要打勾，隨個人發表文章的習慣自行決定，並沒有一定的限制。]]></description>
			<content:encoded><![CDATA[<p>在發表文章時，如果文章的內容繁多版面很長，常常會將首頁的頁面拉的很長，造成閱讀不便，現在跟大家分享一個WordPress 內建的標籤用法，可以將文章分段，就是我們常看到的&#8221;繼續閱讀&#8221;或是&#8221;Continue Reading&#8221;這種表現方式。<br />
使用的方法很簡單，以下就透過簡單的圖文跟大家分享如何使用<code>&lt;!--more--&gt;</code>這個標籤。</p>
<p><span id="more-84"></span>1. 登入WordPress的管理介面，點選右上角的個人資料，看看<strong>撰寫時，使用可視化編輯器。</strong>這個地方有沒有打勾（圖一），如果沒有打勾，那麼你發表文章時畫面上的工具列會如圖二所示（圖二）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/04/20080104-01-2.jpg" rel="lightbox" title="可視化編輯器"><img src="http://www.wordpress.com.tw/images/2008/01/04/20080104-01-1.jpg" alt="可視化編輯器" class="tn" /></a></div>
<div align="center">（圖一）</div>
<p></br></p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/04/20080104-02-2.jpg" rel="lightbox" title="工具列"><img src="http://www.wordpress.com.tw/images/2008/01/04/20080104-02-1.jpg" alt="工具列" class="tn" /></a></div>
<div align="center">（圖二）</div>
<p></br></p>
<p>2. 在你發表文章時，想要分段的地方，點選工具列上的more按鈕（圖三B箭頭所指），那麼文章分段處會出現<code>&lt;!--more--&gt;</code>這個標籤（圖三A箭頭所指），那麼<code>&lt;!--more--&gt;</code>這個標籤之後的文章就不會出現在首頁的頁面了。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/04/20080104-07-2.jpg" rel="lightbox" title="more按鈕"><img src="http://www.wordpress.com.tw/images/2008/01/04/20080104-07-1.jpg" alt="more按鈕" class="tn" /></a></div>
<div align="center">（圖三）</div>
<p></br></p>
<p>3. 另外，如果<strong>撰寫時，使用可視化編輯器。</strong>這個地方有打勾（圖四），那麼你發表文章時畫面上的工具列會如圖五所示（圖五）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/04/20080104-03-2.jpg" rel="lightbox" title="可視化編輯器"><img src="http://www.wordpress.com.tw/images/2008/01/04/20080104-03-1.jpg" alt="可視化編輯器" class="tn" /></a></div>
<div align="center">（圖四）</div>
<p></br></p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/04/20080104-04-2.jpg" rel="lightbox" title="工具列"><img src="http://www.wordpress.com.tw/images/2008/01/04/20080104-04-1.jpg" alt="工具列" class="tn" /></a></div>
<div align="center">（圖五）</div>
<p></br></p>
<p>4. 同樣的在你發表文章時，想要將文章分段的地方，點選工具列上的<img src="http://www.wordpress.com.tw/images/2008/01/04/20080104-10.jpg" alt="more圖示" align="center"/>圖示（圖六箭頭A所指），那麼會出現一個more區塊（圖六箭頭B所指＆紅色框框），在框框內填入文章分段之後的文字。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/04/20080104-08-2.jpg" rel="lightbox" title="more區塊"><img src="http://www.wordpress.com.tw/images/2008/01/04/20080104-08-1.jpg" alt="more區塊" class="tn" /></a></div>
<div align="center">（圖六）</div>
<p></br></p>
<p>5. 以上完成，那麼在首頁文章將出現分段的標示，必須點選才能看到完整的文章（圖七）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2008/01/04/20080104-09-2.jpg" rel="lightbox" title="繼續閱讀"><img src="http://www.wordpress.com.tw/images/2008/01/04/20080104-09-1.jpg" alt="繼續閱讀" class="tn" /></a></div>
<div align="center">（圖七）</div>
<p></br></p>
<p><strong>（註）</strong>至於<strong>撰寫時，使用可視化編輯器。</strong>這個地方要不要打勾，隨個人發表文章的習慣自行決定，並沒有一定的限制。</p>
<img src="http://www.wordpress.com.tw/wp/?ak_action=api_record_view&id=84&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.wordpress.com.tw/?feed=rss2&amp;p=84</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>無痛安裝 WordPress-中文化篇</title>
		<link>http://www.wordpress.com.tw/?p=70</link>
		<comments>http://www.wordpress.com.tw/?p=70#comments</comments>
		<pubDate>Wed, 10 Oct 2007 10:39:52 +0000</pubDate>
		<dc:creator>max</dc:creator>
				<category><![CDATA[無痛系列]]></category>
		<category><![CDATA[中文化]]></category>

		<guid isPermaLink="false">http://www.wordpress.com.tw/wp/?p=70</guid>
		<description><![CDATA[WordPress 是一套非常容易安裝的部落格軟體，但是有一個小小的缺點就是使用是英文操作介面，非英文語系的語言檔需要另外安裝，不過還好的是，語言檔的安裝也是非常容易的，接下來就跟大家分享，WordPress 中文化語言檔的安裝過程。 1. 安裝好的WordPress是英文的使用介面（圖一）。 （圖一） 2. 修改虛擬主機上的 wp-config.php檔案關於語言的設定，打開 wp-config.php檔，找到define ('WPLANG', ''); 修改成 define ('WPLANG', 'zh_TW'); （圖二紅色圈圈處），修改完後存檔。 （圖二） 3. 下載 WordPress 正體中文語言檔，在網址輸入http://rt.openfoundry.org/Foundry/Project/Download/?Queue=91來到WordPress正體中文語言檔下載頁面，目前版本還停留在2.0.2，雖然舊了點，也仍然可以使用（圖三紅色圈圈處）。（註） （圖三） 4. 點選版本後出現下載的視窗（圖四），將中文語言檔下載回來，選擇儲存的位置（圖五）。 （圖四） （圖五） 5. 找到下載回來的中文語言檔zhtw.tgz檔（圖六），我們使用7-Zip來解壓縮（圖七），因為tgz壓縮檔案格式的關係，解壓縮後我們得到一個zhtw.tar檔（圖八），需要再執行一次解壓縮（圖九）。 （圖六） （圖七） （圖八） （圖九） 6. 解壓縮成功以後產生了一個languages的資料夾（圖十紅色箭頭所指），我們需要的中文語言檔就在裡面。 （圖十） 7. 進入languages這個資料夾以後，會發現有很多檔案，不過我們真正需要用到的是zh_TW.mo （圖十一）這一個檔案中文語言（其他檔案的用處這裡暫不撰述）。 （圖十一） &#8230; <a href="http://www.wordpress.com.tw/?p=70">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>WordPress 是一套非常容易安裝的部落格軟體，但是有一個小小的缺點就是使用是英文操作介面，非英文語系的語言檔需要另外安裝，不過還好的是，語言檔的安裝也是非常容易的，接下來就跟大家分享，WordPress 中文化語言檔的安裝過程。</p>
<p>1. 安裝好的WordPress是英文的使用介面（圖一）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-01-2.jpg" rel="lightbox" title="WordPress初始畫面"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-01-1.jpg" alt="WordPress初始畫面" class="tn" /></a></div>
<div align="center">（圖一）</div>
<p></br><span id="more-70"></span></p>
<p>2. 修改虛擬主機上的 wp-config.php檔案關於語言的設定，打開 wp-config.php檔，找到<strong><code>define ('WPLANG', '');</code></strong> 修改成 <strong><code>define ('WPLANG', 'zh_TW');</code></strong> （圖二紅色圈圈處），修改完後存檔。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-01-3.jpg" rel="lightbox" title="wp-config.php"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-01-4.jpg" alt="wp-config.php" class="tn" /></a></div>
<div align="center">（圖二）</div>
<p></br></p>
<p>3. 下載 WordPress 正體中文語言檔，在網址輸入<a href="http://rt.openfoundry.org/Foundry/Project/Download/?Queue=91">http://rt.openfoundry.org/Foundry/Project/Download/?Queue=91</a>來到WordPress正體中文語言檔下載頁面，目前版本還停留在2.0.2，雖然舊了點，也仍然可以使用（圖三紅色圈圈處）。<strong>（註）</strong></p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-02-2.jpg" rel="lightbox" title="中文 WordPress"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-02-1.jpg" alt="中文<br />
 WordPress" class="tn" /></a></div>
<div align="center">（圖三）</div>
<p></br></p>
<p>4. 點選版本後出現下載的視窗（圖四），將中文語言檔下載回來，選擇儲存的位置（圖五）。</p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-03.jpg" alt="中文語言檔" class="tn" /></div>
<div align="center">（圖四）</div>
<p></br></p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-04.jpg" alt="儲存的位置" class="tn" /></div>
<div align="center">（圖五）</div>
<p></br></p>
<p>5. 找到下載回來的中文語言檔zhtw.tgz檔（圖六），我們使用7-Zip來解壓縮（圖七），因為tgz壓縮檔案格式的關係，解壓縮後我們得到一個zhtw.tar檔（圖八），需要再執行一次解壓縮（圖九）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-05-2.jpg" rel="lightbox" title="zhtw.tgz"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-05-1.jpg" alt="zhtw.tgz" class="tn" /></a></div>
<div align="center">（圖六）</div>
<p></br></p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-06-2.jpg" rel="lightbox" title="7-Zip"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-06-1.jpg" alt="7-Zip" class="tn" /></a></div>
<div align="center">（圖七）</div>
<p></br></p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-07-2.jpg" rel="lightbox" title="zhtw.tar"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-07-1.jpg" alt="zhtw.tar" class="tn" /></a></div>
<div align="center">（圖八）</div>
<p></br></p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-08-2.jpg" rel="lightbox" title="再解壓縮"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-08-1.jpg" alt="再解壓縮" class="tn" /></a></div>
<div align="center">（圖九）</div>
<p></br></p>
<p>6. 解壓縮成功以後產生了一個languages的資料夾（圖十紅色箭頭所指），我們需要的中文語言檔就在裡面。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-09-2.jpg" rel="lightbox" title="languages資料夾"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-09-1.jpg" alt="languages資料夾" class="tn" /></a></div>
<div align="center">（圖十）</div>
<p></br></p>
<p>7. 進入languages這個資料夾以後，會發現有很多檔案，不過我們真正需要用到的是zh_TW.mo （圖十一）這一個檔案中文語言（其他檔案的用處這裡暫不撰述）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-10-2.jpg" rel="lightbox" title="zh_TW.mo"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-10-1.jpg" alt="zh_TW.mo" class="tn" /></a></div>
<div align="center">（圖十一）</div>
<p></br></p>
<p>8. 開啟FTP軟體，準備連線到你的虛擬主機上（圖十二），關於FTP軟體可以參閱 max <a href="http://www.wordpress.com.tw/wp/?p=46">無痛安裝 WordPress 前傳-工具篇-FileZilla</a>這一篇說明。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-11-2.jpg" rel="lightbox" title="FileZilla"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-11-1.jpg" alt="FileZilla" class="tn" /></a></div>
<div align="center">（圖十二）</div>
<p></br></p>
<p>9. 連線成功後，進入你安裝WordPress的資料夾，然後再進入wp-includes資料夾，新建一個叫做languages的資料夾（圖十三，十四）。建立完成後可以看見languages這個資料夾（圖十五紅色箭頭所指）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-12-2.jpg" rel="lightbox" title="wp-includes"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-12-1.jpg" alt="wp-includes" class="tn" /></a></div>
<div align="center">（圖十三）</div>
<p></br></p>
<div align="center"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-13.jpg" alt="languages" class="tn" /></div>
<div align="center">（圖十四）</div>
<p></br></p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-14-2.jpg" rel="lightbox" title="languages資料夾"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-14-1.jpg" alt="languages資料夾" class="tn" /></a></div>
<div align="center">（圖十五）</div>
<p></br></p>
<p>10. 進入languages這個資料夾，然後將zh_TW.mo這個中文語言檔上傳到你的虛擬主機（圖十六）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-15-2.jpg" rel="lightbox" title="上傳zh_TW.mo"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-15-1.jpg" alt="上傳zh_TW.mo" class="tn" /></a></div>
<div align="center">（圖十六）</div>
<p></br></p>
<p>11. WordPress 中文化到此完成，登入你的WordPress管理介面，應該就可以看見中文的使用介面了（圖十七）。</p>
<div align="center"><a href="http://www.wordpress.com.tw/images/2007/10/14/20071014-16-2.jpg" rel="lightbox" title="WordPress中文化完成"><img src="http://www.wordpress.com.tw/images/2007/10/14/20071014-16-1.jpg" alt="WordPress中文化完成" class="tn" /></a></div>
<div align="center">（圖十七）</div>
<p></br></p>
<p><strong>（註一）</strong> 由於<a href="http://rt.openfoundry.org/Foundry/Project/Download/?Queue=91">中文WordPress</a>的中文語言檔很久沒有更新，所以在版本上跟不上WordPress的發佈，如果使用後發現有些地方沒有中文化，這種情況是正常的，因為中文語言檔沒有符合WordPress版本的緣故。</p>
<p><strong>（註二）</strong>另外一種方法是將正體中文語言檔（zh_TW.mo）放在wp-content/languages資料夾下，同樣也是可以完成中文化的。</p>
<p><strong>（更新）：</strong><br />
除了原來的<a href="http://rt.openfoundry.org/Foundry/Project/Download/?Queue=91">中文WordPress</a>以外，還有另外兩位作者，也有製作正體中文語言檔跟大家分享，如果有興趣的人，可以到這兩位作者的網站參閱，同時也希望多給這兩位作者鼓勵與支持，畢竟持續不斷的維持WordPress中文化的工作是不容易的一件事情。</p>
<p>作者：<a href="http://blog.beyes.tw/">skyfate</a><br />
部落格網址：<a href="http://blog.beyes.tw/">http://blog.beyes.tw/</a><br />
正體中文語言檔：<a href="http://blog.beyes.tw/category/wordpress/language-file">http://blog.beyes.tw/category/wordpress/language-file</a><br />
除了WordPress的正體中文語言檔外，也有WordPress MU 的正體中文語言檔。</p>
<p>作者：<a href="http://kirin-lin.idv.tw/">Kirin Lin</a><br />
部落格網址：<a href="http://kirin-lin.idv.tw/">http://kirin-lin.idv.tw/</a><br />
正體中文語言檔：<a href="http://kirin.lin.googlepages.com/">http://kirin.lin.googlepages.com/</a><br />
除了WordPress的正體中文語言檔外，還有一些外掛程式的中文語言檔可以參考。</p>
<img src="http://www.wordpress.com.tw/wp/?ak_action=api_record_view&id=70&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.wordpress.com.tw/?feed=rss2&amp;p=70</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
	</channel>
</rss>
