<?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>MUKI space* &#187; wordpress插件</title>
	<atom:link href="http://blog.mukispace.com/category/useful-box/wordpress/wordpress-plugin/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mukispace.com</link>
	<description>網站教學 // 電影評論 // 單眼樂摸 // 心情日誌</description>
	<lastBuildDate>Fri, 03 Feb 2012 14:04:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<atom:link rel='hub' href='http://blog.mukispace.com/?pushpress=hub'/>
		<item>
		<title>插件 &#124; 如何修改Statpress的總人數</title>
		<link>http://blog.mukispace.com/edit-statpress-totalvisit/</link>
		<comments>http://blog.mukispace.com/edit-statpress-totalvisit/#comments</comments>
		<pubDate>Tue, 24 Aug 2010 15:54:15 +0000</pubDate>
		<dc:creator>muki</dc:creator>
				<category><![CDATA[wordpress插件]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://blog.mukispace.com/?p=3288</guid>
		<description><![CDATA[<p><a href="http://wordpress.org/extend/plugins/statpress/" target="_blank">Statpress</a>真的是一款很不錯的插件，我必須要舉雙手贊成。當然，由內地人所改良的<a href="http://wordpress.org/extend/plugins/statpresscn/" target="_blank">StatpressCN</a>同樣很棒，我從以前就很喜歡這款插件，但是美中不足的地方在於，後台不支援修改總人數，這對於開站已有一段時間的我來說，真的是很困擾，雖然人氣不能當飯吃，但是這點虛榮我還是想要阿 </p><p>這段期間，不斷的找了各個類似的插件，甚至是cgi程式都用上了，本來已經打算用<a href="http://www.hsiu28.net/web_design/appserv.php?page=6" target="_blank">mini counter</a>這個程式，但是總覺得他的計算不太精準，人數多的嚇人。雖然我很虛榮，但是我也不想給自己打臉充胖子 。</p><p> <span class='read-more'><a href='http://blog.mukispace.com/edit-statpress-totalvisit/'>繼續閱讀 »</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p><a href="http://wordpress.org/extend/plugins/statpress/" target="_blank">Statpress</a>真的是一款很不錯的插件，我必須要舉雙手贊成。當然，由內地人所改良的<a href="http://wordpress.org/extend/plugins/statpresscn/" target="_blank">StatpressCN</a>同樣很棒，我從以前就很喜歡這款插件，但是美中不足的地方在於，後台不支援修改總人數，這對於開站已有一段時間的我來說，真的是很困擾，雖然人氣不能當飯吃，但是這點虛榮我還是想要阿 <img src="http://blog.mukispace.com/wp-content/uploads/2009/12/17.gif" alt="" /></p>
<p>這段期間，不斷的找了各個類似的插件，甚至是cgi程式都用上了，本來已經打算用<a href="http://www.hsiu28.net/web_design/appserv.php?page=6" target="_blank">mini counter</a>這個程式，但是總覺得他的計算不太精準，人數多的嚇人。雖然我很虛榮，但是我也不想給自己打臉充胖子 <img src="http://blog.mukispace.com/wp-content/uploads/2010/01/070_thumb.gif" alt="" />。<br />
<span id="more-3288"></span><br />
之前有發信給StatpressCN的作者，也有去wordpress內地論壇詢問，不過都沒人理會 <img src="http://blog.mukispace.com/wp-content/uploads/2009/12/2.gif" alt="" />。而今天心血來潮，跑去<a href="http://forum.irisco.it/forum.php?id=1" target="_blank">Statpress的官網討論區</a>看看有沒有人詢問類似問題，果然，被我找到了!!!! (我不禁要說，還是歪國人貼心 <img src="http://blog.mukispace.com/wp-content/uploads/2009/12/suki.gif" alt="" />)</p>
<p>因此在這邊特地分享給大家，希望對想用Statpress卻不想放棄人氣的朋友，有所幫助喔:)</p>
<h3>修改Statpress的總人數</h3>
<p><strong>1.</strong>首先請先到官網下載<a href="http://downloads.wordpress.org/plugin/statpress.zip">這套插件</a>，接著打開statpress.php (中文版是statpresscn.php)</p>
<p><strong>2.</strong>接著搜尋檔案裡頭的語法，兩邊有點小出入，我在此都替各位做介紹<br />
statpress.php請搜尋：<code>if(strpos(strtolower($body),"%totalvisits%") !== FALSE) {</code><br />
statpresscn.php請搜尋：<code>if(stripos($body,"%totalvisits%") !== FALSE) {</code></p>
<p><strong>3.</strong>然後往下數兩行，會看到這段語法：<code>("%totalvisits%", $qry[0]-&gt;pageview , $body);</code> ，假設你目前的總人氣是100，請將這段語法改成 <code>("%totalvisits%", $qry[0]-&gt;pageview <span style="color: #ff0000;">+ 100</span>, $body);</code></p>
<p><strong>4.</strong>將檔案上傳，並且把總人數的統計拉到前台就可以囉!!!</p>
<p>這個方法是直接從插件的原始檔案去更改，所以資料庫不會有記錄，也因此你的後台統計不會有這些數據。雖然如此，但這是目前我看過最方便，也最直接修改人氣的方法唷!!!</p>

	<a href="http://blog.mukispace.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a>, <a href="http://blog.mukispace.com/tag/%e6%8f%92%e4%bb%b6/" title="插件" rel="tag">插件</a><br />

	<ul class="st-related-posts">
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-daily-top-article/">語法 | 側邊欄顯示今日熱門文章</a></div><div class="date">2009.01.31</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/simple-tags-support-2-7/">紀錄 | Simple Tags可以支援2.7囉</a></div><div class="date">2008.12.12</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/hide-your-text/">插件 | 隱藏側邊欄不稀奇?隱藏內文才夠看!!</a></div><div class="date">2008.12.09</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-paginator/">插件 | 除了PageNavi之外，你還可以有其他的選擇</a></div><div class="date">2008.12.20</div><br clear="all" /></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.mukispace.com/edit-statpress-totalvisit/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>插件 &#124; 在部落格文章裡播放音樂</title>
		<link>http://blog.mukispace.com/wordpress-plugin-play-button/</link>
		<comments>http://blog.mukispace.com/wordpress-plugin-play-button/#comments</comments>
		<pubDate>Tue, 14 Jul 2009 07:32:29 +0000</pubDate>
		<dc:creator>muki</dc:creator>
				<category><![CDATA[wordpress插件]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://blog.mukispace.com/?p=1952</guid>
		<description><![CDATA[<p>有時候想在部落格裡播放音樂，卻要去找一堆可以內嵌的播放器語法，放到文章裡頭又怕該網站失連，這樣搞來搞去是不是很麻煩呢~~</p><p>幸好wordpress有推出一個外掛，可以讓大家把音樂播放器嵌在自己的blog裡頭，需要用到的時候，只要下個語法呼叫他即可。</p><p> <span class='read-more'><a href='http://blog.mukispace.com/wordpress-plugin-play-button/'>繼續閱讀 »</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>有時候想在部落格裡播放音樂，卻要去找一堆可以內嵌的播放器語法，放到文章裡頭又怕該網站失連，這樣搞來搞去是不是很麻煩呢~~<br />
幸好wordpress有推出一個外掛，可以讓大家把音樂播放器嵌在自己的blog裡頭，需要用到的時候，只要下個語法呼叫他即可。<br />
<div class="wp-caption alignnone" style="width: 467px"><img src="http://wordpress.org/extend/plugins/play-button/screenshot-1.png" alt="" width="457" height="286" /><p class="wp-caption-text"><a href="http://blog.mukispace.com/tag/wordpress/" class="st_tag internal_tag" rel="tag" title="有標籤 wordpress 的文章">wordpress</a> plugin: play button</p></div><br />
<span id="more-1952"></span></p>
<h3>play button: 將mp3播放器嵌在你的部落格裡</h3>
<p><img src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" title="res1" width="10" height="14" class="alignnone size-full wp-image-363" /> 插件名稱：play button<br />
<img src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" title="res1" width="10" height="14" class="alignnone size-full wp-image-363" /> 插件介紹：讓你可以在部落格文章、分頁或是模組裡頭加入一個，甚至多個MP3播放器。<br />
<img src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" title="res1" width="10" height="14" class="alignnone size-full wp-image-363" /> 插件下載：<a href="http://downloads.wordpress.org/plugin/play-button.zip">play button 1.0</a> (<a href="http://wordpress.org/extend/plugins/play-button/">插件位置</a>)<br />
<img src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" title="res1" width="10" height="14" class="alignnone size-full wp-image-363" /> 安裝說明：<br />
1.將檔案解壓縮，並且將整個目錄上傳到 wp-content/plugins/ 底下<br />
2.到後台啟用此插件<br />
<img src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" title="res1" width="10" height="14" class="alignnone size-full wp-image-363" /> 使用方法：<br />
1.先將MP3上傳到任意可支援且可外連的空間。<br />
2.發表文章的時候，插入以下語法即可：<br />
<code>[play-button:http://www.mp3.com/example.mp3]</code></p>
<p>安裝後如有任何問題，歡迎在底下留言告知我:)。</p>

	<a href="http://blog.mukispace.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a>, <a href="http://blog.mukispace.com/tag/%e6%8f%92%e4%bb%b6/" title="插件" rel="tag">插件</a><br />

	<ul class="st-related-posts">
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-daily-top-article/">語法 | 側邊欄顯示今日熱門文章</a></div><div class="date">2009.01.31</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/simple-tags-support-2-7/">紀錄 | Simple Tags可以支援2.7囉</a></div><div class="date">2008.12.12</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/hide-your-text/">插件 | 隱藏側邊欄不稀奇?隱藏內文才夠看!!</a></div><div class="date">2008.12.09</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-paginator/">插件 | 除了PageNavi之外，你還可以有其他的選擇</a></div><div class="date">2008.12.20</div><br clear="all" /></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.mukispace.com/wordpress-plugin-play-button/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>插件 &#124; 讓側邊欄有sliding滑動效果</title>
		<link>http://blog.mukispace.com/wordpress-plugin-sliding-panel/</link>
		<comments>http://blog.mukispace.com/wordpress-plugin-sliding-panel/#comments</comments>
		<pubDate>Sun, 28 Jun 2009 06:38:59 +0000</pubDate>
		<dc:creator>muki</dc:creator>
				<category><![CDATA[wordpress插件]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://blog.mukispace.com/?p=1934</guid>
		<description><![CDATA[<p>這是一款利用jQuery，讓你可以快速展開/收合側邊欄元件的效果。而這個側邊欄跟wordpress的「sidebar」是分開作用的，sliding panel的側邊欄會顯示在部落格的最上方，聽不太懂的朋友請看圖說明：</p><p> <span class='read-more'><a href='http://blog.mukispace.com/wordpress-plugin-sliding-panel/'>繼續閱讀 »</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>這是一款利用jQuery，讓你可以快速展開/收合側邊欄元件的效果。而這個側邊欄跟wordpress的「sidebar」是分開作用的，sliding panel的側邊欄會顯示在部落格的最上方，聽不太懂的朋友請看圖說明：</p>
<div class="wp-caption alignnone" style="width: 564px"><a href="http://wordpress.org/extend/plugins/sliding-panel/screenshot-1.png"><img src="http://wordpress.org/extend/plugins/sliding-panel/screenshot-1.png" alt="" width="554" height="192" /></a><p class="wp-caption-text">step1.先點擊open按鈕</p></div>
<div class="wp-caption alignnone" style="width: 564px"><a href="http://wordpress.org/extend/plugins/sliding-panel/screenshot-2.png"><img src="http://wordpress.org/extend/plugins/sliding-panel/screenshot-2.png" alt="" width="554" height="192" /></a><p class="wp-caption-text">step2.接著會看到上方顯示隱藏的元件</p></div>
<p><span id="more-1934"></span></p>
<h3>Sliding Panel: 滑動你的側邊欄widget，有效節省空間</h3>
<p><img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件名稱：Sliding Panel<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件介紹：側邊欄採用jQuery技術，一開始隱藏元件內容，點擊後才會出現。也可以在後台自行選擇要放置在裡頭的widget。<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件下載：<a href="http://downloads.wordpress.org/plugin/sliding-panel.0.1.zip">Sliding Panel 0.1</a><br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 安裝說明：<br />
1.將檔案解壓縮，並且將整個目錄上傳到 wp-content/plugins/ 底下<br />
2.到後台啟用此插件<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 使用方法：<br />
1.進入後台，點選「Widgets」選單，此時你會看到在原有的「Sidebar」底下多了一個「Sliding Panel」。接著把你想要的元件拖曳到Sliding Panel底下。<br />
<a href="http://muki.sr-school.com/photo/albums/mukispace/sliding.jpg"><img src="http://muki.sr-school.com/photo/albums/mukispace/sliding.jpg" alt="" width="578" height="244" /></a><br />
之後記得按下save存檔。<br />
2.打開你目前使用的佈景目錄/header.php，我建議在<code>&lt;body&gt;</code>底下加入<code>&lt;?php if ( function_exists( 'get_sliding_panel' ) ) get_sliding_panel(); ?&gt;</code>。如果你熟悉html及php，你可以在任意位置添加這段語法。<br />
3.將header.php上傳，就可以看到此插件的效果了</p>

	<a href="http://blog.mukispace.com/tag/jquery/" title="jQuery" rel="tag">jQuery</a>, <a href="http://blog.mukispace.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a>, <a href="http://blog.mukispace.com/tag/%e6%8f%92%e4%bb%b6/" title="插件" rel="tag">插件</a><br />

	<ul class="st-related-posts">
	<li><div class="title"><a href="http://blog.mukispace.com/plugin-front-end-editor/">插件 | 直接在網誌前台編輯文章</a></div><div class="date">2009.04.02</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-daily-top-article/">語法 | 側邊欄顯示今日熱門文章</a></div><div class="date">2009.01.31</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/simple-tags-support-2-7/">紀錄 | Simple Tags可以支援2.7囉</a></div><div class="date">2008.12.12</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/hide-your-text/">插件 | 隱藏側邊欄不稀奇?隱藏內文才夠看!!</a></div><div class="date">2008.12.09</div><br clear="all" /></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.mukispace.com/wordpress-plugin-sliding-panel/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>插件 &#124; 在文章中間放入廣告</title>
		<link>http://blog.mukispace.com/add-ads-in-entry/</link>
		<comments>http://blog.mukispace.com/add-ads-in-entry/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 04:29:13 +0000</pubDate>
		<dc:creator>muki</dc:creator>
				<category><![CDATA[wordpress插件]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://blog.mukispace.com/?p=1615</guid>
		<description><![CDATA[<p>這是一個可以在讓我們在文章中隨意插入廣告的插件，作者本身是為了adsense而設計的，不確定其他的廣告是否可以使用(我沒有測試)，不過我覺得應該是可以:)。</p><p>只是他算是半自動的插件，因為我們必須要在文章插入一段程式碼才會有此效果，我建議最好的位置是放在&#60;!--more--&#62;下面，因為讀者點選「繼續閱讀」後就可以直接看到廣告。</p><p>廣告要放得巧，不要放得多，所以切記別放一堆廣告傷害讀者的眼睛唷。</p><p> <span class='read-more'><a href='http://blog.mukispace.com/add-ads-in-entry/'>繼續閱讀 »</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>這是一個可以在讓我們在文章中隨意插入廣告的插件，作者本身是為了adsense而設計的，不確定其他的廣告是否可以使用(我沒有測試)，不過我覺得應該是可以:)。</p>
<p>只是他算是半自動的插件，因為我們必須要在文章插入一段程式碼才會有此效果，我建議最好的位置是放在&lt;!--more--&gt;下面，因為讀者點選「繼續閱讀」後就可以直接看到廣告。</p>
<p>廣告要放得巧，不要放得多，所以切記別放一堆廣告傷害讀者的眼睛唷。<br />
<span id="more-1615"></span></p>
<h3><span style="color: #003366;">Adsense: 讓你隨意在文章中放置廣告</span></h3>
<p><img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件名稱：Adsense<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件介紹：讓你可以隨意在想要的文章中放入你所設定好的廣告<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件下載：<a href="http://philhord.com/wp-hacks/adsense.zip">Adsense 0.1</a><br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /><strong> 安裝說明</strong>：<br />
1.將檔案解壓縮，開啟adsense.php，<span style="color: #0000ff;">在&lt;!-- Begin Google Adsense code --&gt;以及&lt;!-- End Google Adsense code --&gt;中間插入廣告代碼</span><br />
2.將整個目錄上傳到 wp-content/plugins/ 底下<br />
3.到後台啟用此插件<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 使用方法：<br />
1.在寫文章的時候，插入&lt;!--adsense--&gt;代碼即可</p>

	<a href="http://blog.mukispace.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a>, <a href="http://blog.mukispace.com/tag/%e6%8f%92%e4%bb%b6/" title="插件" rel="tag">插件</a><br />

	<ul class="st-related-posts">
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-daily-top-article/">語法 | 側邊欄顯示今日熱門文章</a></div><div class="date">2009.01.31</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/simple-tags-support-2-7/">紀錄 | Simple Tags可以支援2.7囉</a></div><div class="date">2008.12.12</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/hide-your-text/">插件 | 隱藏側邊欄不稀奇?隱藏內文才夠看!!</a></div><div class="date">2008.12.09</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-paginator/">插件 | 除了PageNavi之外，你還可以有其他的選擇</a></div><div class="date">2008.12.20</div><br clear="all" /></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.mukispace.com/add-ads-in-entry/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>技巧 &#124; WordPress在不同頁面顯示不同的側邊欄</title>
		<link>http://blog.mukispace.com/show-different-sidebar-in-pages/</link>
		<comments>http://blog.mukispace.com/show-different-sidebar-in-pages/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 06:50:25 +0000</pubDate>
		<dc:creator>muki</dc:creator>
				<category><![CDATA[wordpress插件]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.mukispace.com/?p=1609</guid>
		<description><![CDATA[<p>wordpress本身自帶很多函數供我們套用，比如我點選分類的<a href="http://blog.mukispace.com/category/translate-for-eng/">用翻譯練英文</a>，在搜尋欄旁邊會出現「 MUKI space* &#62; blog &#62; 分類 &#62; 用翻譯練英文」的文字解說，讓讀者知道現在在哪個位子。</p><p> <span class='read-more'><a href='http://blog.mukispace.com/show-different-sidebar-in-pages/'>繼續閱讀 »</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>wordpress本身自帶很多函數供我們套用，比如我點選分類的<a href="http://blog.mukispace.com/category/translate-for-eng/">用翻譯練英文</a>，在搜尋欄旁邊會出現「 MUKI space* &gt; blog &gt; 分類 &gt; 用翻譯練英文」的文字解說，讓讀者知道現在在哪個位子。<br />
<img src="http://muki.sr-school.com/photo/albums/mukispace/m1.jpg" alt="" width="505" height="344" /><br />
<span id="more-1609"></span><br />
而我打算利用這個方法，將側邊欄作一點變換，讀者在閱讀首頁以及單篇文章時，側邊欄顯示的元件會有一點不同，閱讀單篇文章會多出「相關文章」以及「隨機文章」兩個元件。</p>
<p>以前腦筋轉不過來，只懂得在header.php調用函數，卻呆呆的做了兩個sidebar的檔案，當然現在的佈景主題還是使用這個方法，不過為了下次更換主題的需要，所以先在此將「<strong>如何在側邊欄調用函數</strong>」作個筆記。</p>
<p>使用方法不難，在sidebar寫下這段語法即可：</p>
<p><span style="color: #3366ff;">&lt;?php if (is_home()) : ?&gt;<br />
//如果是首頁，就顯示以下內容<br />
&lt;h3&gt;posts&lt;/h3&gt;</span></p>
<p><span style="color: #3366ff;">&lt;?php else if (is_single()) : ?&gt;<br />
//如果是單篇文章，就顯示以下內容<br />
&lt;h3&gt;comments&lt;/h3&gt;</span></p>
<p><span style="color: #3366ff;">&lt;?php else : ?&gt;<br />
//排除首頁&amp;單篇文章的其他頁面，顯示以下內容<br />
&lt;h3&gt;meta&lt;/h3&gt;</span></p>
<p><span style="color: #3366ff;">&lt;?php endif; ?&gt;</span></p>
<p>如果需要更多的調用，可以到 wordpress官方的 <a href="http://codex.wordpress.org/Conditional_Tags">codex</a>觀看</p>

	<a href="http://blog.mukispace.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a><br />

	<ul class="st-related-posts">
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-27-%e7%89%88%e6%9c%80%e6%96%b0%e5%8b%95%e5%90%91/">資訊 | wordpress 2.7 版最新動向</a></div><div class="date">2008.09.19</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-categories-dropdown-menu/">語法 | 將wp分類改用下拉式選單</a></div><div class="date">2009.01.05</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-daily-top-article/">語法 | 側邊欄顯示今日熱門文章</a></div><div class="date">2009.01.31</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-five-posts-code-without-plugin/">語法 | WordPress不用插件直接實現五種文章代碼</a></div><div class="date">2009.04.16</div><br clear="all" /></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.mukispace.com/show-different-sidebar-in-pages/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>插件 &#124; 直接在網誌前台編輯文章</title>
		<link>http://blog.mukispace.com/plugin-front-end-editor/</link>
		<comments>http://blog.mukispace.com/plugin-front-end-editor/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 10:24:05 +0000</pubDate>
		<dc:creator>muki</dc:creator>
				<category><![CDATA[wordpress插件]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://blog.mukispace.com/?p=1598</guid>
		<description><![CDATA[<p>有時候也許只是幾個小錯別字，或者某段話不順想要再修正，為了這一點小事還要開後台修改文章，是否有點費事呢? 重點是wordpress的後台有時速度也不快，只是改個小字要花上 N倍的時間，想起來就有些不划算。</p><p>而今天偶然逛到的這個插件，可以讓我們直接在前台修改自己的文章，作者也很阿莎力的告訴我們 should work with any theme(應該適用於任何主題)，連我改很大的主題都適用了，我想大家的主題應該都 ok啦!!</p><p> <span class='read-more'><a href='http://blog.mukispace.com/plugin-front-end-editor/'>繼續閱讀 »</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>有時候也許只是幾個小錯別字，或者某段話不順想要再修正，為了這一點小事還要開後台修改文章，是否有點費事呢? 重點是wordpress的後台有時速度也不快，只是改個小字要花上 N倍的時間，想起來就有些不划算。</p>
<p>而今天偶然逛到的這個插件，可以讓我們直接在前台修改自己的文章，作者也很阿莎力的告訴我們 should work with any theme(應該適用於任何主題)，連我改很大的主題都適用了，我想大家的主題應該都 ok啦!!<br />
<span id="more-1598"></span></p>
<h3><span style="color: #003366;">Front-end Editor: 只要一個動作 Dobule click，馬上修改內容</span></h3>
<p><img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件名稱：Frone-end Editor<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件介紹：讓你可以直接在前台修改文章，不用瑣碎的透過後台。<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件下載：<a href="http://downloads.wordpress.org/plugin/front-end-editor.0.5.2.1.zip">Frone-end Editor 0.5.2.1</a><br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 安裝說明：<br />
1.將檔案解壓縮，並且將整個目錄上傳到 wp-content/plugins/ 底下<br />
2.到後台啟用此插件<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 使用方法：<br />
到網誌前台，對著想要修改的內容作「雙擊」的動作，即可直接修改文章。</p>
<blockquote><p>Current Features 目前功能：<br />
* edit title or content 可以編輯標題或是內容<br />
* works for posts and pages 可以在分頁以及文章執行此功能<br />
* should work with any theme 應該可以適用在任何主題上<br />
* lightweight 輕量型插件</p></blockquote>
<p>我使用這款插件到現在都沒太大的問題，不過以下兩點提醒各位，需要特別注意的地方：<br />
1.此插件採用原始碼 (html)編輯<br />
2.建議等左下角狀態列顯示「完成」再雙擊編輯</p>

	<a href="http://blog.mukispace.com/tag/jquery/" title="jQuery" rel="tag">jQuery</a>, <a href="http://blog.mukispace.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a>, <a href="http://blog.mukispace.com/tag/%e6%8f%92%e4%bb%b6/" title="插件" rel="tag">插件</a><br />

	<ul class="st-related-posts">
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-sliding-panel/">插件 | 讓側邊欄有sliding滑動效果</a></div><div class="date">2009.06.28</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-daily-top-article/">語法 | 側邊欄顯示今日熱門文章</a></div><div class="date">2009.01.31</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/simple-tags-support-2-7/">紀錄 | Simple Tags可以支援2.7囉</a></div><div class="date">2008.12.12</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/hide-your-text/">插件 | 隱藏側邊欄不稀奇?隱藏內文才夠看!!</a></div><div class="date">2008.12.09</div><br clear="all" /></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.mukispace.com/plugin-front-end-editor/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>插件 &#124; 幫你統計放置廣告的最佳位置</title>
		<link>http://blog.mukispace.com/heatmap-plugin/</link>
		<comments>http://blog.mukispace.com/heatmap-plugin/#comments</comments>
		<pubDate>Tue, 10 Mar 2009 11:03:18 +0000</pubDate>
		<dc:creator>muki</dc:creator>
				<category><![CDATA[wordpress插件]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://blog.mukispace.com/?p=1546</guid>
		<description><![CDATA[<p>部落客主要收入來源之一就是廣告點擊，所以許多人都會在自己的blog放上一、兩個廣告吸引訪客點閱，可是有時候卻不太懂「<strong>到底廣告要放在什麼位子才能吸引訪客點閱呢？</strong>」如果你跟我一樣有這種困擾，不妨試試這個插件吧：
 <span class='read-more'><a href='http://blog.mukispace.com/heatmap-plugin/'>繼續閱讀 »</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>部落客主要收入來源之一就是廣告點擊，所以許多人都會在自己的blog放上一、兩個廣告吸引訪客點閱，可是有時候卻不太懂「<strong>到底廣告要放在什麼位子才能吸引訪客點閱呢？</strong>」如果你跟我一樣有這種困擾，不妨試試這個插件吧：<br />
<span id="more-1546"></span></p>
<h3><span style="color: #003366;"> Heatmap Plugin: 幫你統計訪客點擊位置，優化你的廣告佈局</span></h3>
<p><img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件名稱：Hetamap Plugin<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件介紹：它可以分析訪客在網誌頁面的哪些地方做了點擊的動作，透過這個數據，你就可以清楚的知道自己要將廣告、橫幅、導覽列放在哪個位子最好!!<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件下載：<a href="http://downloads.wordpress.org/plugin/heatmap.zip">Heatmap Plugin 1.1</a><br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 安裝說明：<br />
1.將檔案解壓縮，並且將整個目錄上傳到 wp-content/plugins/ 底下<br />
2.到後台啟用此插件<br />
3.在wp-content/plugins/heatmap/ 底下新增「cache」目錄，並將權限設為777或是666<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 使用方法：<br />
(管理者才會看到效果，訪客則不會。)<br />
網誌最上方會多出一個箭頭，點擊之後出現如下圖的樣子：<br />
<a class="highslide-image" onclick="return hs.expand(this);" href="http://img26.imageshack.us/img26/6209/screen2dlm.jpg"><img title="Click to enlarge" src="http://img26.imageshack.us/img26/6209/screen2dlm.jpg" alt="image" width="499" height="231" /></a></p>
<p>裡頭的藍點就是訪客點擊的位子，藍點聚集愈多表示愈多訪客會點那個地方。可以根據此項數據替你的網誌做更棒的佈局效果喔!!!!</p>

	<a href="http://blog.mukispace.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a>, <a href="http://blog.mukispace.com/tag/%e6%8f%92%e4%bb%b6/" title="插件" rel="tag">插件</a><br />

	<ul class="st-related-posts">
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-daily-top-article/">語法 | 側邊欄顯示今日熱門文章</a></div><div class="date">2009.01.31</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/simple-tags-support-2-7/">紀錄 | Simple Tags可以支援2.7囉</a></div><div class="date">2008.12.12</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/hide-your-text/">插件 | 隱藏側邊欄不稀奇?隱藏內文才夠看!!</a></div><div class="date">2008.12.09</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-paginator/">插件 | 除了PageNavi之外，你還可以有其他的選擇</a></div><div class="date">2008.12.20</div><br clear="all" /></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.mukispace.com/heatmap-plugin/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>插件 &#124; 在首頁設置輪播文章</title>
		<link>http://blog.mukispace.com/wordpress-plugin-rotating-posts/</link>
		<comments>http://blog.mukispace.com/wordpress-plugin-rotating-posts/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 13:59:20 +0000</pubDate>
		<dc:creator>muki</dc:creator>
				<category><![CDATA[wordpress插件]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://blog.mukispace.com/?p=1244</guid>
		<description><![CDATA[<p>我們常常會看到一些新聞網站的首頁最上方有輪播文章的設置，如果你希望自己的部落格也可以有同樣的效果，不妨試試這款插件，同時他也提供高度的自定修改，可以依照你佈景主題的不同做搭配。</p><p> <span class='read-more'><a href='http://blog.mukispace.com/wordpress-plugin-rotating-posts/'>繼續閱讀 »</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p><img src="http://wordpress.org/extend/plugins/rotating-posts/screenshot-1.jpg" alt="rotating posts" width="450" height="262" /><br />
我們常常會看到一些新聞網站的首頁最上方有輪播文章的設置，如果你希望自己的部落格也可以有同樣的效果，不妨試試這款插件，同時他也提供高度的自定修改，可以依照你佈景主題的不同做搭配。<br />
<span id="more-1244"></span></p>
<h3><span style="color: #003366;"> Rotating Posts:在你的首頁設置精采輪播文章</span></h3>
<p><img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件名稱：Rotating Posts<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件介紹：可以在首頁甚至是其他地方設置輪播文章，也可以依照主題做出不同的風格<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件下載：<a href="http://downloads.wordpress.org/plugin/rotating-posts.0.9.zip">Rotating Posts 0.9</a><br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 安裝說明：<br />
1.將檔案解壓縮，並且將整個目錄上傳到 wp-content/plugins/ 底下<br />
2.到後台啟用此插件<br />
3.在index.php或是任何你想插入此插件的地方輸入 <code>&lt;?php rotating_posts(); ?&gt;</code><br />
4.如果還需要更多的個人化，可以到後台→設定的地方，對此插件做修改。也可以針對此插件修改css</p>

	<a href="http://blog.mukispace.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a>, <a href="http://blog.mukispace.com/tag/%e6%8f%92%e4%bb%b6/" title="插件" rel="tag">插件</a><br />

	<ul class="st-related-posts">
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-daily-top-article/">語法 | 側邊欄顯示今日熱門文章</a></div><div class="date">2009.01.31</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/simple-tags-support-2-7/">紀錄 | Simple Tags可以支援2.7囉</a></div><div class="date">2008.12.12</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/hide-your-text/">插件 | 隱藏側邊欄不稀奇?隱藏內文才夠看!!</a></div><div class="date">2008.12.09</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-paginator/">插件 | 除了PageNavi之外，你還可以有其他的選擇</a></div><div class="date">2008.12.20</div><br clear="all" /></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.mukispace.com/wordpress-plugin-rotating-posts/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>插件 &#124; qTranslate讓你的部落格有即時翻譯的功能</title>
		<link>http://blog.mukispace.com/wordpress-plugin-qtranslate/</link>
		<comments>http://blog.mukispace.com/wordpress-plugin-qtranslate/#comments</comments>
		<pubDate>Thu, 05 Feb 2009 05:30:37 +0000</pubDate>
		<dc:creator>muki</dc:creator>
				<category><![CDATA[wordpress插件]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://blog.mukispace.com/?p=1162</guid>
		<description><![CDATA[<p>有時候我們常會看到許多人的部落格放上一個Google翻譯的小工具，方便讓來自不同世界的讀者輕鬆閱讀資訊，只是google畢竟還是靠機器在做翻譯的動作，比較口語化的文字可能沒辦法翻的很貼切，如果對語言敏感度較高的朋友可能不太使用此工具。也許<strong>有心自行做英中兩種版本(甚至多版本)的朋友大有人在</strong>，但苦於找不到好工具而作罷，而今天我推薦的這款<strong>qTranslate</strong>保證就是你的最佳選擇！</p><p> <span class='read-more'><a href='http://blog.mukispace.com/wordpress-plugin-qtranslate/'>繼續閱讀 »</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>有時候我們常會看到許多人的部落格放上一個Google翻譯的小工具，方便讓來自不同世界的讀者輕鬆閱讀資訊，只是google畢竟還是靠機器在做翻譯的動作，比較口語化的文字可能沒辦法翻的很貼切，如果對語言敏感度較高的朋友可能不太使用此工具。也許<strong>有心自行做英中兩種版本(甚至多版本)的朋友大有人在</strong>，但苦於找不到好工具而作罷，而今天我推薦的這款<strong>qTranslate</strong>保證就是你的最佳選擇！<br />
<span id="more-1162"></span></p>
<h3><span style="color: #003366;">qTranslate:根據你的文章內容即時翻譯</span></h3>
<p><img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件名稱：qTranslate<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件介紹：可以根據你寫的文章做即時翻譯，特別注意的是<span class="yhl">他不帶自動翻譯功能</span>。等大家啟用之後就很清楚我的意思了<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件下載：<a href="http://downloads.wordpress.org/plugin/qtranslate.2.2.4.zip">qTranslate 2.2.4</a><br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 安裝說明：<br />
1.將檔案解壓縮，並且將整個目錄上傳到 wp-content/plugins/ 底下<br />
2.到後台啟用qTranslate<br />
3.到外觀→模組的地方將「qTranslate Language Chooser」給拖曳出來，可調整的功能如下：<br />
<img src="http://farm4.static.flickr.com/3112/3255139478_d2df393d53_o.jpg" alt="" /><br />
(這邊指的圖片是每個語言的國旗圖案)<br />
4.在設定的地方找到「Languages」的選單，這邊我只講解<span style="color: #993300;">如何使用繁體中文以及英文之間的切換</span>，其他進階的設定暫時不贅述，有興趣的朋友可以先自行摸索。</p>
<p>因為所有語言預設並沒有繁體中文(<span style="text-decoration: line-through;">簡體倒是有</span>...)，所以我們要自己設定繁體中文，請將捲軸移到最下方找到「Languages」的標題，這邊<span style="color: #993300;">可以新增你想要的語言，也可以對語言進行刪除及隱藏的動作</span>。<br />
<img src="http://farm4.static.flickr.com/3303/3254310393_645669d2e1_o.jpg" alt="" /></p>
<h3><span style="color: #003366;">4-1.新增繁體中文</span></h3>
<p>找到「Add Language」的地方，依序填入以下資料：<br />
1.Language Code： zh<br />
2.Flag： tw.png<br />
3.Name： 中文<br />
4.Locale： zh-tw<br />
5.Date Format： %A %B %e%q, %Y<br />
6.Time Format： %I:%M%p<br />
7.Not Available Message： 抱歉，此內容只適用於%LANG:，:和%。<br />
資料填好後，再按下「Add Language」，可以發現右方畫面出現了我們剛剛設定的中文，再<span style="color: #993300;">選擇「Enable」執行</span>他即可。</p>
<h3><span style="color: #003366;">4-2.用於文章發表上</span></h3>
<p>以上設定完後，就可以開始做新增文章的動作了。新增文章的時候，他會出現<strong>中文以及英文的標題要你輸入</strong>，同時在視覺編輯器的上方也會有<strong>英文和中文的切換欄位，請在這個切換欄位裡頭打上你的日誌</strong>，這樣他就會根據你輸入的文章做切換囉。<br />
<img src="http://farm4.static.flickr.com/3369/3254310421_e647b2f755_o.jpg" alt="" /></p>

	<a href="http://blog.mukispace.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a>, <a href="http://blog.mukispace.com/tag/%e6%8f%92%e4%bb%b6/" title="插件" rel="tag">插件</a><br />

	<ul class="st-related-posts">
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-daily-top-article/">語法 | 側邊欄顯示今日熱門文章</a></div><div class="date">2009.01.31</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/simple-tags-support-2-7/">紀錄 | Simple Tags可以支援2.7囉</a></div><div class="date">2008.12.12</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/hide-your-text/">插件 | 隱藏側邊欄不稀奇?隱藏內文才夠看!!</a></div><div class="date">2008.12.09</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-paginator/">插件 | 除了PageNavi之外，你還可以有其他的選擇</a></div><div class="date">2008.12.20</div><br clear="all" /></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.mukispace.com/wordpress-plugin-qtranslate/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>插件 &#124; 又一款樹狀分類的wordpress插件</title>
		<link>http://blog.mukispace.com/wordpress-plugin-dtree/</link>
		<comments>http://blog.mukispace.com/wordpress-plugin-dtree/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 05:38:39 +0000</pubDate>
		<dc:creator>muki</dc:creator>
				<category><![CDATA[wordpress插件]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://blog.mukispace.com/?p=1108</guid>
		<description><![CDATA[<p>還記得之前我介紹過一款由內地朋友所開發的插件：<a href="http://blog.mukispace.com/2008/11/06/wp-collapsible-cats/" target="_blank">讓wp分類有樹狀展開的效果</a>，可惜在今年初發現他對於wp2.7的支援度有些問題，就是在<span style="text-decoration: underline;">展開分類的時候會有嚴重的錯位情況</span>。雖然原作者特地來此<a href="http://blog.mukispace.com/2008/11/06/wp-collapsible-cats/#comment-1702">留言告知</a>可能是佈景的css跟插件衝突，但是我自己將css移除測試發現問題還是一樣未解決。</p><p>因為我的分類亟需用到這種樹狀展開的技術，所以又花了一些時間去搜尋其他插件，終於讓我找到了一款<strong>更好用、更方便的樹狀分類：WP-dTree</strong></p><p> <span class='read-more'><a href='http://blog.mukispace.com/wordpress-plugin-dtree/'>繼續閱讀 »</a></span></p><div class="clear-float"></div>
		]]></description>
			<content:encoded><![CDATA[<p>還記得之前我介紹過一款由內地朋友所開發的插件：<a href="http://blog.mukispace.com/2008/11/06/wp-collapsible-cats/" target="_blank">讓wp分類有樹狀展開的效果</a>，可惜在今年初發現他對於wp2.7的支援度有些問題，就是在<span style="text-decoration: underline;">展開分類的時候會有嚴重的錯位情況</span>。雖然原作者特地來此<a href="http://blog.mukispace.com/2008/11/06/wp-collapsible-cats/#comment-1702">留言告知</a>可能是佈景的css跟插件衝突，但是我自己將css移除測試發現問題還是一樣未解決。</p>
<p>因為我的分類亟需用到這種樹狀展開的技術，所以又花了一些時間去搜尋其他插件，終於讓我找到了一款<strong>更好用、更方便的樹狀分類：WP-dTree</strong><br />
<span id="more-1108"></span></p>
<h3><span style="color: #003366;">WP-dTree：功能強大的樹狀分類</span></h3>
<p><img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件名稱：WP-dTree<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件介紹：此插件功能非常強大，他除了支援樹狀分類外，也同時包含Archives(文章歸檔)、Page(分頁)、Links(連結)的樹狀展開，你可以依照自己的需求選擇使用。<br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 插件下載：<a href="http://downloads.wordpress.org/plugin/wp-dtree-30.3.5.zip">WP-dTree 3.5</a><br />
<img class="alignnone size-full wp-image-363" title="res1" src="http://blog.mukispace.com/wp-content/uploads/2008/09/res1.gif" alt="res1" width="10" height="14" /> 安裝說明：<br />
1.將檔案解壓縮，並且將整個目錄上傳到 wp-content/plugins/ 底下<br />
2.到後台啟用WP-dTree<br />
3.接著打開你的佈景主題檔案，在適當的位置(例如側邊欄檔案 sidebar.php)，插入以下語法：</p>
<blockquote>
<pre>archives</pre>
<p>&lt;?php wp_dtree_get_archives(); ?&gt;</p>
<pre>category</pre>
<p>&lt;?php wp_dtree_get_categories(); ?&gt;</p>
<pre>page</pre>
<p>&lt;?php wp_dtree_get_pages(); ?&gt;</p>
<pre>links</pre>
<p>&lt;?php wp_dtree_get_links(); ?&gt;0</p></blockquote>
<p>4.WP-dTree他所有的參數設置都在後台做設定，所以我們進入後台點選WP-dTree來調整插件設定吧。</p>
<p>進入後台會發現這邊總共有四大項設置：</p>
<h4><span style="color: #003366;">4-1.WP-dTree Settings:</span></h4>
<p>這裡是主要的設定區塊，我們可以針對歸檔、分類、分頁、連結做個人化設定。<br />
<span style="color: #cc0000;">Disable tree：</span>將此插件功能整個移除，不過作者建議我們不要使用他。如果你不想讓此功能出現，在php裡不要打上語法即可。<br />
<span style="color: #cc0000;">Top node name：</span>這邊請輸入插件的標題，如果你<strong>希望標題空白請在裡頭打上一個「空白鍵」</strong>，因為他整個留白會出現很微妙的情況。<br />
<span style="color: #cc0000;">Characters to display：</span>每篇文章要顯示多少個字元<br />
<span style="color: #cc0000;">Exclude IDs：</span>不要顯現那些id編號，如果有多個id就用「,」做分隔。<br />
<span style="color: #cc0000;">Force open to：</span>強制開啟哪些文章。一開始樹狀都是處於收起來的狀況，你可以在這邊做設定選擇要先開啟哪一個樹狀。這邊同樣是用id編號做設定，或者可以用它的url設定，希望一開始就全部展開請填上all<br />
<span style="color: #cc0000;">Sort by：</span>四個設定分別可以選擇不同的排序方式。Descending表示新的在前面，Acsending則是舊的在前面，所以這邊我們可以發現預設是Archives(文章歸檔)排序為Descending。<br />
<span style="color: #cc0000;">Show Open-/Close all：</span>設定是否要顯示「open all」以及「close all」的選項(文字可以做調整)<br />
<span style="color: #cc0000;">Draw lines：</span>是否要有樹狀的那條線<br />
<span style="color: #cc0000;">Display icons：</span>樹狀選單前面是否要顯示icon<br />
<span style="color: #cc0000;">Close same levels：</span>以archives為例子，假設你現在開了9月的歸檔，接著開啟10月的歸檔，此時可以選擇是否要關閉9月的歸檔或者是繼續顯示。<br />
<span style="color: #cc0000;">Folders are links：</span>點選選單前面的「+」圖示才會開啟以下的樹狀，如果點選選單連結則是連到該網址。<br />
<span style="color: #cc0000;">Open to selection：</span>當你選擇了某一選單做閱讀，是否要展開底下的所有樹狀<br />
<span style="color: #cc0000;">Highlight selection：</span>是否要針對你所選擇的選單做一些特效(在4-3.CSS Properties可做設定)<br />
<span style="color: #cc0000;">List posts：</span>每個分類開到最後是否要顯示所有的文章標題<br />
<span style="color: #cc0000;">Show postcount：</span>顯示發表的文章數目<br />
<span style="color: #cc0000;">Misc：</span>Archives可以設定要用月份還是年份做區隔，Categories則是設定是否要隱藏空目錄<br />
<span style="color: #cc0000;">open all / close all：</span>這邊的文字方塊就是讓你修改open all 以及 close all的文字說明</p>
<h4><span style="color: #003366;">4-2.Scriptaculous Effects</span></h4>
<p>此效果是在切換樹狀時候的選單效果，後面的「Duration (sec)」則是延遲時間(秒)，效果總共有5種，大家可以都玩玩看，在不影響讀取速度的情況下，我是推薦<span class="yhl">Slide(滑動效果)以及Appear(漸進效果)</span>。</p>
<p>特別要注意的是，如果你的佈景有使用jQuery可能會跟此效果衝突，假設啟用任一效果你的jQuery失效，那請斟酌看要選擇哪一個。如果不希望jQuery失效，請將樹狀選單效果選為「none」</p>
<h4><span style="color: #003366;">4-3.CSS Properties</span></h4>
<p>此區可以針對樹狀的選單做詳細的css設定<br />
<span style="color: #cc0000;">Font size：</span>選單的文字大小，單位為px(像素)<br />
<span style="color: #cc0000;">Normal font colour：</span>沒有連結時的字體顏色，效果顯示在標題上<br />
<span style="color: #cc0000;">Font family：</span>選單字型，如果設置多個字型請用「,」分隔<br />
<span style="color: #cc0000;">Link font colour：</span>連結的字型顏色，可以不用加入「#」符號。<br />
<span style="color: #cc0000;">Link font decoration：</span>連結的底線樣式，none(不要任何樣式).underline(加底線).overline(加頂線).line-through(加刪除線).blink(閃爍效果)<br />
<span style="color: #cc0000;">Mouse over font colour：</span>滑鼠移過連結時的字型顏色<br />
<span style="color: #cc0000;">Mouse over decoration：</span>滑鼠移過連結時的底線樣式，none(不要任何樣式).underline(加底線).overline(加頂線).line-through(加刪除線).blink(閃爍效果)<br />
<span style="color: #cc0000;">Selected node decoration：</span>假設你在4-1.WP-dTree Settings<strong>有將highlight selection勾選</strong>，可以在這邊做他的特效設定。underline(加底線).overline(加頂線).line-through(加刪除線).blink(閃爍效果)</p>
<h4><span style="color: #003366;">4-4.Widget preview</span></h4>
<p>可以先在這個地方觀看你設定後的效果預覽。<br />
<span style="color: #cc0000;">Enable widget preview：</span>是否要顯示預覽</p>
<h4><span style="color: #003366;">小結</span></h4>
<p>如果大家要看實際的範例，可以看我側邊欄的「文章分類」以及「網誌歸檔」<br />
<img src="http://farm4.static.flickr.com/3364/3243465896_6a42d05c80_o.jpg" alt="" /> <img src="http://farm4.static.flickr.com/3513/3243466692_3f40f34a8c_o.jpg" alt="" /><br />
也希望大家不要看到解說文字很多就退卻不想使用，其實設定起來非常的簡單輕鬆，只要你很清楚自己想要哪種效果，大概不到1分鍾就可以設定完成囉!!!</p>

	<a href="http://blog.mukispace.com/tag/wordpress/" title="wordpress" rel="tag">wordpress</a>, <a href="http://blog.mukispace.com/tag/%e6%8f%92%e4%bb%b6/" title="插件" rel="tag">插件</a><br />

	<ul class="st-related-posts">
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-daily-top-article/">語法 | 側邊欄顯示今日熱門文章</a></div><div class="date">2009.01.31</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/simple-tags-support-2-7/">紀錄 | Simple Tags可以支援2.7囉</a></div><div class="date">2008.12.12</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/hide-your-text/">插件 | 隱藏側邊欄不稀奇?隱藏內文才夠看!!</a></div><div class="date">2008.12.09</div><br clear="all" /></li>
	<li><div class="title"><a href="http://blog.mukispace.com/wordpress-plugin-paginator/">插件 | 除了PageNavi之外，你還可以有其他的選擇</a></div><div class="date">2008.12.20</div><br clear="all" /></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.mukispace.com/wordpress-plugin-dtree/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
	</channel>
</rss>

