<?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 研究者日記</title>
	<atom:link href="http://wordpress.play-learn.net/feed" rel="self" type="application/rss+xml" />
	<link>http://wordpress.play-learn.net</link>
	<description>啟動 WordPress 部落格，您將發現無限可能性！</description>
	<lastBuildDate>Fri, 02 Mar 2012 14:35:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Custom Post Type Permalinks｜自定義文章類型的固定網址</title>
		<link>http://wordpress.play-learn.net/wordpress/plugins/custom-post-type-permalinks.html</link>
		<comments>http://wordpress.play-learn.net/wordpress/plugins/custom-post-type-permalinks.html#comments</comments>
		<pubDate>Wed, 29 Feb 2012 16:19:12 +0000</pubDate>
		<dc:creator>Mr. 夫</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[CMS 內容管理系統]]></category>
		<category><![CDATA[後台管理]]></category>
		<category><![CDATA[網址鏈結]]></category>

		<guid isPermaLink="false">http://wordpress.play-learn.net/?p=326</guid>
		<description><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/Plugin.png" width="34" height="34" alt="" title="Plugins" /><br/>此外掛功能為用於自定義出新的文章內容型態的固定網址設定。]]></description>
			<content:encoded><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/Plugin.png" width="34" height="34" alt="" title="Plugins" /><br/><p><a href="http://wordpress.play-learn.net/wp-content/uploads/2012/02/custom-post-type-permalinks.jpg"><img class="aligncenter size-full wp-image-327" title="custom-post-type-permalinks" src="http://wordpress.play-learn.net/wp-content/uploads/2012/02/custom-post-type-permalinks.jpg" alt="" width="599" /></a></p>
<p>外掛名稱：Custom Post Type Permalinks （設定自定義文章類型的固定網址）<br /> 外掛版本：0.7.6 ( 相容性對應到 WordPress 3.3.1 )<br /> 下載網址：<a href="http://wordpress.org/extend/plugins/custom-post-type-permalinks/" target="_blank">http://wordpress.org/extend/plugins/custom-post-type-permalinks/</a></p>
<p>之前有在這篇<a href="http://wordpress.play-learn.net/wordpress/codex/custom-post-type.html" target="_blank">「WordPress 3.0 Custom Post Type｜自定義文章類型」</a>介紹到關於如何自定義出新的文章內容型態，但文中所用的 <code>GD Custom Posts And Taxonomies Tools</code> 這套外掛免費版的就沒提供如何再進一步去設定它的固定網址，除非你是用付費的進階版.... 別擔心，就算免費版沒我們還可以再加上去用其他的外掛來達成！</p>
<p>今天介紹的這套 <code>Custom Post Type Permalinks</code> 就是用來補足免費版所沒有的固定網址設定功能，安裝完後在設定的固定網址頁面就會看到下面多了這如圖下這塊：<br /><a title="custom-post-type-permalinks-01.jpg" href="https://lh6.googleusercontent.com/-9CPO2xXtEbw/T05INB4jBKI/AAAAAAAARmQ/ljwAvP-WlLo/s800/custom-post-type-permalinks-01.jpg"><img class="alignnone" title="custom-post-type-permalinks-01.jpg" src="http://lh6.ggpht.com/-9CPO2xXtEbw/T05INB4jBKI/AAAAAAAARmQ/ljwAvP-WlLo/w559/custom-post-type-permalinks-01.jpg" alt="custom-post-type-permalinks-01.jpg" width="559" /></a></p>
<p>works 是我設定的自定義文章的名稱，只要在框中輸入你想用的固定網址變數即可。<br />以我來說是想要<br /> <span style="font-size: 12px;"><code>http:// home.com / Custom Taxonomies（自定義分類） / Custom Post name（自定義文章名稱）.html</code></span></p>
<p>這樣的顯示方式，所以就是輸入以下內容......<br /><code>/%works_category%/%works%.html</code></p>
<p><code>works_category</code> 是我設定的自定義分類名稱，<code>works</code> 則是我設定的的自定義文章名稱，自行替換成你設定的名稱吧！</p>
<p>設定好後再回頭去編輯文章那個頁面就可以看網址是否有改變了，再連過去看是否正常。<br />不過裝完我才想到如果是要個別設定複數個Post Type的Permalinks好像就不行了?....</p>
<img src="http://wordpress.play-learn.net/?ak_action=api_record_view&id=326&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://wordpress.play-learn.net/wordpress/plugins/custom-post-type-permalinks.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Arras 1.5.1.2: 將搜尋框移至Top-Menu右側</title>
		<link>http://wordpress.play-learn.net/wordpress/theme-hack/arras_top-menu_for_searchbar.html</link>
		<comments>http://wordpress.play-learn.net/wordpress/theme-hack/arras_top-menu_for_searchbar.html#comments</comments>
		<pubDate>Wed, 04 Jan 2012 07:05:44 +0000</pubDate>
		<dc:creator>Mr. 夫</dc:creator>
				<category><![CDATA[Theme hack]]></category>
		<category><![CDATA[Arras 佈景主題]]></category>

		<guid isPermaLink="false">http://wp.play-learn.net/?p=227</guid>
		<description><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/hack.png" width="34" height="34" alt="" title="Theme hack" /><br/>如何將新版的Arras 1.5.0.1那個搜尋框移到頂部選單去]]></description>
			<content:encoded><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/hack.png" width="34" height="34" alt="" title="Theme hack" /><br/><p><img style="height: 230px; width: 590px;" src="http://farm6.static.flickr.com/5285/5288715053_f77a483f2b_z.jpg" alt="arras_top-menu_for_searchbar" /></p>
<p>最近有網友問到新版的Arras 1.5.0.1如何將那個搜尋框移到頂部選單去，雖然我家還是停留在1.4x多，不過既然有人問了就po篇改寫教學囉~~</p>
<p>首先開啟<code>arras/header.php</code>，在以下這段程式碼</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p227code1'); return false;">查看代碼</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2271"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p227code1"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> arras_below_top_menu<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>&nbsp;</p>
<p>的下一行加入以下程式碼</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p227code2'); return false;">查看代碼</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2272"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p227code2"><pre class="php" style="font-family:monospace;">&lt;div id=&quot;right-search&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> get_search_form<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/div&gt;</pre></td></tr></table></div>

<p>&nbsp;</p>
<p>再來刪除約第92行附近的這段程式碼</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p227code3'); return false;">查看代碼</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2273"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p227code3"><pre class="php" style="font-family:monospace;">&lt;div id=&quot;searchbar&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> get_search_form<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/div&gt;</pre></td></tr></table></div>

<p>&nbsp;</p>
<p>最後開啟<code>arras/css/styles/default.css</code></p>
<p>尋找以下這段程式碼</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p227code4'); return false;">查看代碼</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2274"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p227code4"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#top-menu-</span><span style="color: #000000; font-weight: bold;">content</span>  <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">25px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>&nbsp;</p>
<p>並改寫替換成如下</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p227code5'); return false;">查看代碼</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2275"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p227code5"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#top-menu-</span><span style="color: #000000; font-weight: bold;">content</span>  <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">max-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">680px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">25px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">3px</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>&nbsp;</p>
<p>然後再上一行插入此段程式碼</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p227code6'); return false;">查看代碼</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2276"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p227code6"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#right-search</span>  <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>&nbsp;</p>
<img src="http://wordpress.play-learn.net/?ak_action=api_record_view&id=227&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://wordpress.play-learn.net/wordpress/theme-hack/arras_top-menu_for_searchbar.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Arras 1.5.1.2: 修改幻燈片中的黑色區塊樣式</title>
		<link>http://wordpress.play-learn.net/wordpress/theme-hack/arras-featured-entry.html</link>
		<comments>http://wordpress.play-learn.net/wordpress/theme-hack/arras-featured-entry.html#comments</comments>
		<pubDate>Wed, 04 Jan 2012 07:05:29 +0000</pubDate>
		<dc:creator>Mr. 夫</dc:creator>
				<category><![CDATA[Theme hack]]></category>
		<category><![CDATA[Arras 佈景主題]]></category>

		<guid isPermaLink="false">http://wp.play-learn.net/?p=88</guid>
		<description><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/hack.png" width="34" height="34" alt="" title="Theme hack" /><br/>因為有網友在問如何修改幻燈片中那段黑色區塊的高度及透明度，所以就順便PO成文章做做筆記囉~]]></description>
			<content:encoded><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/hack.png" width="34" height="34" alt="" title="Theme hack" /><br/><p style="text-align: center;"><a href="http://wp.play-learn.net/wp-content/uploads/2010/03/arras-featured-entry.png"><img class="aligncenter size-full wp-image-89" style="width: 590px; height: 251px;" title="arras-featured-entry" src="http://wp.play-learn.net/wp-content/uploads/2010/03/arras-featured-entry.png" alt="" /></a></p>
<p>因為有網友在問如何修改幻燈片中那段黑色區塊的高度及透明度，所以就順便PO成文章做做筆記囉~</p>
<p><span style="font-size: large;">Arras 1.4的改法：</span></p>
<p><span style="color: #0000ff;"><strong><span style="font-size: 16px;">設定高度</span></strong></span><br /> 首先開啟arras-theme/css/styles/default.css，在第154行會看到如下這串：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p88code7'); return false;">查看代碼</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p887"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p88code7"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.featured-entry</span>			<span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">165px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">85px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#a7a7a7</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span> opacity<span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0.8</span><span style="color: #00AA00;">;</span> filter<span style="color: #00AA00;">:</span> alpha<span style="color: #00AA00;">&#40;</span>opacity <span style="color: #00AA00;">=</span> <span style="color: #cc66cc;">80</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>其中<span style="color: #ff0000;"><strong>height: 85px;</strong></span>就是黑色區塊的高度值，但是你在這邊增減數值時也相對的要在<span style="color: #ff0000;"><strong>top: 165px;</strong></span>減增回去，比如說我把height設為65px，則top就要設為165+20=<span style="color: #ff0000;"><strong>185px</strong></span>。</p>
<p><span style="color: #0000ff;"><strong><span style="font-size: 16px;">設定透明度</span></strong></span><br /> 一樣也是在那一行中尋找opacity: 0.8; filter: alpha(opacity = 80);，因為為了相容瀏覽器可以顯示透明度所以會有兩種數值，一邊是用小數點另一邊是用整數，如果要改到不透明的話就是設 1 (100) 啦~~</p>
<p>&nbsp;</p>
<p><span style="font-size: large;">Arras 1.5.1.2的改法：</span></p>
<p><span style="color: #0000ff;"><strong><span style="font-size: 16px;">設定高度</span></strong></span><br />也是開啟arras/css/styles/default.css，在約第147行會看到如下這串：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p88code8'); return false;">查看代碼</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p888"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p88code8"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.featured-entry</span>			<span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">85px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#a7a7a7</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>此外也開啟arras/css/base.css，在約第105行會看到如下這串：</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p88code9'); return false;">查看代碼</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p889"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p88code9"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.featured-entry</span>  <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-85px</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span> opacity<span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0.8</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>其中<code>default.css</code>的<code>height: 85px;</code>就是黑色區塊的高度值，比如說我想要高度為65px則就改為<code>height: 65px!important;</code>，然後<code>base.css</code>的<code>top: -85px;</code>也要相對應其數值改為<code>top: -65px!important;</code>，這樣就可以成功把高度改為你想要的大小了。</p>
<p><span style="color: #0000ff;"><strong><span style="font-size: 16px;">設定透明度</span></strong></span><br /> 一樣也是在<code>base.css</code>的那一行中尋找<code>opacity: 0.8;</code>，如果要改到不透明的話就是設 1 啦~~</p>
<img src="http://wordpress.play-learn.net/?ak_action=api_record_view&id=88&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://wordpress.play-learn.net/wordpress/theme-hack/arras-featured-entry.html/feed</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>特集｜WordPress In Tainan Part.2《WordPress 佈景型不型》</title>
		<link>http://wordpress.play-learn.net/featured/lets-wordpress-in-tainan-round-02.html</link>
		<comments>http://wordpress.play-learn.net/featured/lets-wordpress-in-tainan-round-02.html#comments</comments>
		<pubDate>Fri, 02 Dec 2011 15:52:17 +0000</pubDate>
		<dc:creator>Mr. 夫</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[WordPress活動]]></category>

		<guid isPermaLink="false">http://wordpress.play-learn.net/?p=308</guid>
		<description><![CDATA[<br/>繼上次10月份的南部首 IN 會後緊接著在11月登場的主題是《WordPress 佈景型不型》...]]></description>
			<content:encoded><![CDATA[<br/><p><a title="WPT02l.jpg" href="http://lh5.ggpht.com/-v3RFWgdpqgA/Tti_jPEAu3I/AAAAAAAARX4/OpCxBpzYiIY/WPT02l.jpg"><img class="alignnone" title="WPT02l.jpg" src="http://lh5.ggpht.com/-v3RFWgdpqgA/Tti_jPEAu3I/AAAAAAAARX4/OpCxBpzYiIY/w610/WPT02l.jpg" alt="WPT02l.jpg" width="580" /></a></p>
<p>繼上次10月份的南部首 IN 會後緊接著在11月登場的主題是《WordPress 佈景型不型》，詳細的活動資訊請參照<a href="http://wow-wp.org/wordpress-%E4%BD%88%E6%99%AF%E5%9E%8B%E4%B8%8D%E5%9E%8B" target="_blank">官網說明</a>，這邊就不再累述喔。<br />這次的第二堂課主題是我最想上的一門，所以就算當天晚上還有班要上也照應"硬"是給它報下名上課去!! 哈~~</p>
<p><span id="more-308"></span></p>
<p>&nbsp;</p>
<h4>在上課之前的小"插曲"</h4>
<p>一開始到現場後發現教室有個很突兀的東西擺著，就是一把吉他!? 心想不可能是走錯地方難不成今天還有附贈教彈吉他的課程嗎？原來是Werboy要現場自彈自唱一首自己編的「WordPress」主題曲呀.... 0.0+</p>
<div class="wp-caption aligncenter" style="width: 407px"><a title="IMGP5898.jpg" href="http://lh5.ggpht.com/-TLTkzmIy83s/TtjD9NHMLsI/AAAAAAAARYM/__ux-BlCAqA/IMGP5898.jpg"><img class=" " title="IMGP5898.jpg" src="http://lh5.ggpht.com/-TLTkzmIy83s/TtjD9NHMLsI/AAAAAAAARYM/__ux-BlCAqA/w610/IMGP5898.jpg" alt="IMGP5898.jpg" width="397" height="600" /></a><p class="wp-caption-text">表情非常專注的...阿軟(本圖引用自 Lets WordPress in Tainan!)</p></div>
<p>&nbsp;</p>
<p>沒去現場而聽不到阿軟的歌聲的人先別感到遺憾，官方有錄下這段影片～<br /><iframe src="http://www.youtube.com/embed/BbqE82xBhA0?rel=0" frameborder="0" width="600" height="315"></iframe></p>
<p>&nbsp;</p>
<h4>第一講：網站主題及佈景設計的愛恨情仇（吉米）</h4>
<div class="wp-caption alignnone" style="width: 600px"><a title="IMG_1447.jpg" href="http://lh3.ggpht.com/-kOOgXpJDk1s/TtjuDXL9j1I/AAAAAAAARYY/k7-XMv3l5Q0/IMG_1447.jpg"><img title="IMG_1447.jpg" src="http://lh3.ggpht.com/-kOOgXpJDk1s/TtjuDXL9j1I/AAAAAAAARYY/k7-XMv3l5Q0/w610/IMG_1447.jpg" alt="IMG_1447.jpg" width="590" /></a><p class="wp-caption-text">( 本圖引用自 Lets WordPress in Tainan! )</p></div>
<p>這一段主要是講解使用主題的許多注意事項，也提到了網站視覺設計的許多重要概念，例如關於使用者經驗（User Experience）這部份還有「程式、視覺、互動」這三大要素來說明頁面設計的重要性，之中也提到了該如何搭配網站的顏色組合等等，這門課有助於在初期規劃網站時可以有更好的架設想法，可以說這堂課的經驗值多半落在對於網站的規劃方面上。</p>
<p>&nbsp;</p>
<h4>第二講：破曉開戰-了解WP版型結構、善用輔助工具學習（ㄚ湯）</h4>
<div class="wp-caption alignnone" style="width: 600px"><a title="IMGP5935.jpg" href="http://lh3.ggpht.com/-xSkeRkjmroE/TtjuIkB8_2I/AAAAAAAARYg/EHIltq8uVPU/IMGP5935.jpg"><img title="IMGP5935.jpg" src="http://lh3.ggpht.com/-xSkeRkjmroE/TtjuIkB8_2I/AAAAAAAARYg/EHIltq8uVPU/w610/IMGP5935.jpg" alt="IMGP5935.jpg" width="590" /></a><p class="wp-caption-text">( 本圖引用自 Lets WordPress in Tainan! )</p></div>
<p>上完這門課感覺就是幸好這堂是從原本的第一堂移到第二堂，不然這門課"硬"的程度的確會損失很多MP值吧 哈~~<br />這堂重點就是在SEO!! 真是讓我收穫許多，頓時讓我覺得這真是一門高CP值的課程...<br />提出了許多在進行SEO時的注意事項，真的是許多小細節都不容忽視，除了SEO外也分享了不少在進行CSS撰寫時方便的開發者工具，藉著那些工具所帶來的所見即所得效果可以有效進行CSS調整，真是好方便的工具~~</p>
<p>&nbsp;</p>
<h4>課後總心得</h4>
<p><a title="WPT02-1.jpg" href="http://lh6.ggpht.com/-vkRyyLJFqMU/Ttj2GEiVZbI/AAAAAAAARYs/7LGbtcFMM-k/WPT02-1.jpg"><img class="alignnone" title="WPT02-1.jpg" src="http://lh6.ggpht.com/-vkRyyLJFqMU/Ttj2GEiVZbI/AAAAAAAARYs/7LGbtcFMM-k/w610/WPT02-1.jpg" alt="WPT02-1.jpg" width="600" /></a></p>
<p>雖然是上面是還想多寫一些關於課程內容的部份，不過想到這堂課是付費的就算了XD~~<br />只能說這堂讓我學會了很多，也再讓我發現到，我還是喜愛那些曾讓我頭痛不已的網頁設計，我還是很喜歡持續吸收關於這方面的知識及資訊，讓我更有動力持續去做我愛做的事。</p>
<p>&nbsp;</p>
<h4>其他網友分享此活動的相關文章</h4>
<ul>
<li><a href="http://wow-wp.org/wordpress-%E4%BD%88%E6%99%AF%E5%9E%8B%E4%B8%8D%E5%9E%8B-%E6%B4%BB%E5%8B%95%E8%8A%B1%E7%B5%AE" target="_blank">《WordPress 佈景型不型》活動花絮</a> by Let's WordPress in Tainan!</li>
<li><a href="http://www.soft4fun.net/wordpress-relate/wordpress%E4%BD%88%E6%99%AF%E5%9E%8B%E4%B8%8D%E5%9E%8B-%E6%B4%BB%E5%8B%95%E8%8A%B1%E7%B5%AE.htm" target="_blank">《WordPress 佈景型不型》活動花絮 </a> by 硬是要學</li>
<li><a href="http://steachs.com/archives/2266" target="_blank">[WPT02]《 WordPress 佈景型不型》圓滿落幕囉</a> by 就是教不落</li>
<li><a href="http://foolad.idv.tw/2011/11/27/988" target="_blank">WordPress 佈景型不型</a> by 佛艾德愛胡搞</li>
</ul>
<img src="http://wordpress.play-learn.net/?ak_action=api_record_view&id=308&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://wordpress.play-learn.net/featured/lets-wordpress-in-tainan-round-02.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>特集｜Let&#039;s WordPress in Tainan 南部首 IN 會</title>
		<link>http://wordpress.play-learn.net/featured/lets-wordpress-in-tainan-round.html</link>
		<comments>http://wordpress.play-learn.net/featured/lets-wordpress-in-tainan-round.html#comments</comments>
		<pubDate>Sat, 15 Oct 2011 17:11:23 +0000</pubDate>
		<dc:creator>Mr. 夫</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[WordPress活動]]></category>

		<guid isPermaLink="false">http://wordpress.play-learn.net/?p=298</guid>
		<description><![CDATA[<br/>終於在台南有要舉辦跟WordPress有關的活動了，就是 Let's WordPress in Tainan 南部首 IN 會 !]]></description>
			<content:encoded><![CDATA[<br/><p><img class="aligncenter" src="http://lh6.googleusercontent.com/-AYHsa9UzFB0/Tpl2WQa71sI/AAAAAAAAREw/DGspZrzoesk/s800/lets-wordpress-in-tainan-round-full.jpg" alt="" width="550" height="446" /></p>
<p>身為台南人的筆者每次看到有WordPress活動都是在北部都只有乾瞪眼的份...<br />這次終於在台南有要舉辦跟WordPress有關的活動了，就是 <a href="http://www.soft4fun.net/bbs/lets-wordpress-in-tainan-round-1.htm" target="_blank">Let's WordPress in Tainan 南部首 IN 會</a> !</p>
<p>&nbsp;</p>
<p><span id="more-298"></span></p>
<p><div class="wp-caption alignnone" style="width: 600px"><img src="https://lh3.googleusercontent.com/-arsGG7LndeY/Tpl6LJC1LnI/AAAAAAAARFc/zDfdg1H-Fzs/s640/lets-wordpress-in-tainan-round-01.jpg" alt="" width="590" height="443" /><p class="wp-caption-text">準時在 13:30 前到達會場，一到就看到大大的活動Logo囉~</p></div>
<p>&nbsp;</p>
<p><div class="wp-caption alignnone" style="width: 600px"><img class=" " src="https://lh5.googleusercontent.com/-4fP_3Aw0950/TpmBV6K4kvI/AAAAAAAARF0/G-ihImNe8YU/s640/lets-wordpress-in-tainan-round-03.jpg" alt="" width="590" height="443" /><p class="wp-caption-text">前往八樓報到時工作人員就遞給我這次活動相關人員的名片~</p></div>
<p> 這還是我第一次拿到部落客的名片，好興奮 XD<br />工作人員當說起你有名片也可以拿給我們，我才急忙想到去包包裡把名片遞給對方.. 真是有緊張到... 囧</p>
<p>&nbsp;</p>
<p><div class="wp-caption alignnone" style="width: 600px"><img src="https://lh4.googleusercontent.com/-EIfkjsuYf4Q/Tpl6KUE5PjI/AAAAAAAARFc/A6t29BYuDGo/s640/lets-wordpress-in-tainan-round-02.jpg" alt="" width="590" height="480" /><p class="wp-caption-text">這個就是活動網址中提到的紀念小禮吧~ 背面的圓圈圖騰是不是很眼熟?</p></div>
<p>活動中主辦人提到持有這個徽章，往後有相關活動可享有優先報名的樣子，還有相關課程有費用優待的樣子，看來得小心別搞丟了。</p>
<p>&nbsp;</p>
<p><div class="wp-caption alignnone" style="width: 600px"><img src="https://lh3.googleusercontent.com/-3vwi5YCbx0M/TpmDN3H6J5I/AAAAAAAARGQ/o72NAT-wtYU/s800/lets-wordpress-in-tainan-round-04.jpg" alt="" width="590" height="354" /><p class="wp-caption-text">呼呼~ 到了教室看到熟悉的Logo，終於開始囉~</p></div>
<p>&nbsp;</p>
<p><div class="wp-caption alignnone" style="width: 600px"><img class="  " src="https://lh5.googleusercontent.com/-XMf2OmmeABM/TpmyhW7yq_I/AAAAAAAARHM/0J4r-PB31kk/s640/lets-wordpress-in-tainan-round-06.jpg" alt="" width="590" height="353" /><p class="wp-caption-text">第一講 開講囉~~ ( 本圖引用自 WordPress Taiwan 正體中文Facebook社團 )</p></div>
<p>&nbsp;</p>
<blockquote>
<h4>第一講：和WordPress相見歡<br />主講者：<a href="http://steachs.com/" target="_blank">就是教不落</a> - 阿湯<br />簡介：WordPress跟一般Blog有何不同，為什麼要使用WordPress!</h4>
</blockquote>
<p> 這邊主要是就是說明BSP跟WP的差異性以及為什麼用WP，有提到幾個重點，其一提出BSP的許多缺點，<br />列舉幾個重點如下：</p>
<ul>
<li><strong><span style="font-size: medium;">網址綁在BSP網址下</span></strong><br />如果你是商業用途或是創立品牌跟人介紹時得說：我的無名是xxx、我是痞客邦的xxx諸如此類，這樣聽起來好像是隸屬於BSP下的感覺，對於有心要創立自己的品牌的人這是一個必須了解的觀念。</li>
</ul>
<ul>
<li><strong><span style="font-size: medium;">BSP = 付費不是免費</span></strong><br />當要是你部落格越玩越大時就會開始什麼都要付錢，例如升級無名留言上限數就是一個很大的附加費用，諸如此類等等，如果想要更多的使用空間就等付費升級才行。</li>
</ul>
<ul>
<li><strong><span style="font-size: medium;">使用上的限制</span></strong><br />使用 BSP 大概變只有寫文章這種單一作用，就算有主題可以選但也講白點真的看上眼的或許才十分之一吧<br />也不能插入你想要用的各類語法等等。</li>
</ul>
<ul>
<li><strong><span style="font-size: medium;">資料終究是放在BSP上</span></strong><br />好前陣子有一件鬧很大的就是無名取消備份功能的事件，有的人或許覺得沒什麼且也很少用到，但要是有一天BSP不想在經營部落格而關閉的話，那麼你多年累積的文章在沒有備份功能下的話該怎辦??</li>
</ul>
<p>另外也提出 WordPress 的各式優點，例如至少有1,446種以上的主題及16,644種外掛可以在官網任君選擇下載，擁有最大的設計彈性等等，不過也提出使用 WordPress 會耗費你相當多的時間在摸索、學習等等之上，所以也建議如果玩部落格只是抱著玩一玩的心態的話建議還是去用BSP就好。</p>
<p>&nbsp;</p>
<p><div class="wp-caption alignnone" style="width: 600px"><img src="https://lh6.googleusercontent.com/-DmXOAFFhah0/Tpmyhf6P3tI/AAAAAAAARHM/xAdLzcB1uBY/s640/lets-wordpress-in-tainan-round-07.jpg" alt="" width="590" height="353" /><p class="wp-caption-text">再來就是第二講囉，也是大家最想知道的部份 ( 本圖引用自 Werboy Lin 的 Google+ )</p></div>
<p>&nbsp;</p>
<blockquote>
<h4>第二講：變化萬千的WordPress<br />主講者：<a href="http://blog.mukispace.com/" target="_blank">Muki Space*</a> - Muki<br />簡介：WordPress不只是Blog，可塑性超乎你的想像</h4>
</blockquote>
<p> 接下來講的關於WordPress的外觀排版，這部份講的雖都基礎但對於現場許多還是入門生來說是很受用的一課，先從講解主題中各個php檔案是對應到哪些實際看的頁面，像是 404.php 就是對應至 找不到網頁 等，還有就是對於在主題設計上會用到哪三種函數，然後我覺得 Muki 有很努力講的白話初階化，畢竟講白點 WordPress 的主題要走向改寫自己創造的話，這段會變得讓新手無法吸收到經驗值 XD<br />啊偏偏WordPress 的主題就是要自己去思索改寫才是它的魅力所在啊~~</p>
<p>&nbsp;</p>
<p><div class="wp-caption alignnone" style="width: 600px"><img src="https://lh6.googleusercontent.com/-e6T9wFEf8qE/TpmgroSK_GI/AAAAAAAARGs/0UjPVC-ZN5s/s800/lets-wordpress-in-tainan-round-05.jpg" alt="特集｜Let's WordPress in Tainan 南部首 IN 會" width="590" height="441" /><p class="wp-caption-text">最後講~ 是總結前面兩場再加上一些架站談 ( 本圖引用自 Werboy Lin 的 Google+ )</p></div>
<p>&nbsp;</p>
<blockquote>
<h4>第三講：WordPress甘苦談<br />主講者：<a href="http://www.soft4fun.net/" target="_blank">硬是要學</a> - Werboy<br />簡介：架設與使用WordPress的酸甜苦辣!</h4>
</blockquote>
<p>最後一講囉~ 這段可以說是總結前兩段再加上一些架站的經驗談，提到許多讓我覺得不錯的觀念想法，像是配合部落格的討論主題來選擇合適的排版，比如說美食或旅遊等以照片為主的可以考慮一欄不用側欄的排版方式，畢竟圖大就是美嘛~~</p>
<p>此外也提到如果把自家電腦當網站主機來用是否會比較省錢的話題，以及不少人比較關注的廣告收入話題等等，這段真是的確讓我經驗值有吸到不少的感覺! 棒極了!!</p>
<p>&nbsp;</p>
<h4>會後心得</h4>
<p>這場活動真的很不錯啊~ 畢竟很少有機會能跟在網路上許多知名部落客有互動的機會，真的誠心希望台南這能持續舉辦相關活動! 到時一定會去報名參加的~!!</p>
<p>&nbsp;</p>
<h4>其他網友分享此活動的相關文章：</h4>
<ul>
<li><a href="http://design.derjian.com.tw/404/wordpress-in-tainan-overpost" target="_blank">「WordPress In Tainan南部首IN會」功成圓滿!</a> by  德鍵創意數位設計中心</li>
<li><a href="http://steachs.com/archives/2194" target="_blank">「WordPress In Tainan南部首IN會」終於圓滿的落幕</a> by  就是教不落</li>
<li><a href="http://blog.mukispace.com/lets-wordpress-in-tainan-2/" target="_blank">聚會 | Let’s WordPress in Tainan</a> by  MUKI space*</li>
<li><a href="http://foolad.idv.tw/2011/10/16/753" target="_blank">Let’s wordpress in Tainan</a> by 佛艾德愛胡搞</li>
<li><a href="http://fantasyworld.idv.tw/2011/900">【Let’s WordPress in Tainan】順利闖關</a> by 幻想的世界</li>
<li><a href="http://xin.twgg.org/149/lets-wordpress-in-tainan-%E4%B9%8B%E6%97%85xd" target="_blank">Let’s wordpress in tainan 之旅XD</a> by XIN_WordPress</li>
</ul>
<p>&nbsp;</p>
<img src="http://wordpress.play-learn.net/?ak_action=api_record_view&id=298&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://wordpress.play-learn.net/featured/lets-wordpress-in-tainan-round.html/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>特集｜提升 WordPress 防護層級！</title>
		<link>http://wordpress.play-learn.net/featured/wordpress-security.html</link>
		<comments>http://wordpress.play-learn.net/featured/wordpress-security.html#comments</comments>
		<pubDate>Fri, 14 Oct 2011 21:05:22 +0000</pubDate>
		<dc:creator>Mr. 夫</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[備份]]></category>
		<category><![CDATA[安全]]></category>
		<category><![CDATA[登入]]></category>

		<guid isPermaLink="false">http://wordpress.play-learn.net/?p=291</guid>
		<description><![CDATA[<br/>為什麼會有這篇文章的誕生呢？純粹是因為前陣子本站被駭了..]]></description>
			<content:encoded><![CDATA[<br/><p><a href="http://wordpress.play-learn.net/wp-content/uploads/2011/10/wordpress-security.jpg"><img class="aligncenter size-full wp-image-294" title="wordpress-security" src="http://wordpress.play-learn.net/wp-content/uploads/2011/10/wordpress-security.jpg" alt="" width="590" height="230" /></a></p>
<p>為什麼會有這篇文章的誕生呢？純粹是因為前陣子本站被駭了.......<br />本來對安全性沒下多大心思的我在這次決定苦下功夫提升對於 WordPress 的安全性！</p>
<h3>讓 WordPress 常保持最新版本吧！</h3>
<p>不論怎講新的一定比舊版的來的安全許多，當新的正式版本推出時請盡快更新吧！<br />當然，在更新前也請記得備份資料庫及檔案，以免在升級出現錯誤時還有得教。</p>
<h3> </h3>
<h3>換掉預設的管理員帳號名稱吧！</h3>
<p>如果您當初在安裝WordPress 時沒做多想直接用預設的 admin 當管理員帳號是一件很不安全的事，這代表登入後台條件之一的帳號已經眾所皆知了，只要有心人士持續猜密碼就有可能被破解登入到後台，如果你已經用了這個當管理員帳號，可以安裝 <a href="http://wordpress.org/extend/plugins/wp-optimize/" target="_blank">WP-Optimize</a> 這套外掛來進行更名動作。</p>
<h3> </h3>
<h3>請別設定太簡單的登入密碼！</h3>
<p>再好的防護層級如果登入密碼太簡單太鳥那也形同於紙紮一般，所以請用點心思想想難度高一些的密碼，密碼的組成最好是英數混合+至少六位數以上會比較好。</p>
<h3> </h3>
<h3>別使用預設的WordPress 資料表前綴！</h3>
<p>你在安裝時會要你修改wp-config.php時，你會看到有一段是以下這樣的內容：</p>
<blockquote>
<p>/**<br /> * WordPress 資料表前綴。<br /> *<br /> * 若您為每個 WordPress 設定不同的資料表前綴，則可在同個資料庫內安裝多個 WordPress。<br /> * 前綴只能使用半型數字、字母和底線！<br /> */<br />$table_prefix  = 'wp_';</p>
</blockquote>
<p>請別使用預設的wp_，改換自己想的前綴詞，這是為了防止 <a href="http://www.arthurtoday.com/2010/03/zero-day-attack.html" target="_blank">zero day</a> 攻擊，至於已經運作中的該怎辦？<br />請參考<a href="http://sofree.cc/wp-table-perfix/" target="_blank">此篇教學</a>，本篇不再贅述。</p>
<hr style="width: 95%;" width="95%" />
<p>再來就是用安全性外掛來提升防護層級，並且透過外掛來檢測自己的還有哪些安全性措施沒做好的。<br />以下是我目前使用中覺得還不錯的安全性相關外掛。</p>
<h3>Secure WordPress</h3>
<p>下載網址：<a href="http://wordpress.org/extend/plugins/secure-wordpress/" target="_blank">http://wordpress.org/extend/plugins/secure-wordpress/</a><br />這個會在後台顯示可以執行哪些安全性措施，建議全選儲存，減少被駭的可能性。<br />而在右側欄是websitedefender的在線服務，註冊後可以去該網站看到自己的安全性層級是多少。</p>
<h3> </h3>
<h3>Semisecure Login Reimagined</h3>
<p>下載網址：<a href="http://wordpress.org/extend/plugins/semisecure-login-reimagined/" target="_blank">http://wordpress.org/extend/plugins/semisecure-login-reimagined/</a><br />這套外掛可以在你登入帳號或是在後台修改帳密時加密你的輸入資訊，安裝完就會自動啟用。</p>
<h3> </h3>
<h3>WP Security Scan</h3>
<p>下載網址：<a href="http://wordpress.org/extend/plugins/wp-security-scan/" target="_blank">http://wordpress.org/extend/plugins/wp-security-scan/</a><br />這套外掛可以檢測有哪些安全措施沒做的，像是我上面提的admin帳號、資料表前綴等等，此外他也會掃瞄CHMOD屬性，看有哪些目錄或檔案的CHMOD屬性沒設定好。</p>
<p>&nbsp;</p>
<h3> Lockdown WP Admin</h3>
<p>下載網址：<a href="http://wordpress.org/extend/plugins/lockdown-wp-admin/" target="_blank">http://wordpress.org/extend/plugins/lockdown-wp-admin/</a><br />這是我最推薦的安全性功能，它可以把以登入網址及後台管理網址給修改掉，將後台網址隱藏變成404 找不到網頁，然後把登入的網址進行更名，並且也支援HTTP驗證，可以選擇允許名單是註冊會員或是自定義額外的登入帳密。</p>
<p>&nbsp;</p>
<h3>WordPress Backup to Dropbox</h3>
<p>下載網址：<a href="http://wordpress.org/extend/plugins/wordpress-backup-to-dropbox/" target="_blank">http://wordpress.org/extend/plugins/wordpress-backup-to-dropbox/</a><br />如果你有在使用Dropbox這個雲端服務的話，那麼這個外掛將會是你異地備份的好選擇之一，它可以將備份的FTP及SQL檔案定期同步到你的Dropbox空間裡，你可以選擇每週或是每月等週期來進行定期備份，這樣有助於在主機商掛點連資料都損失的狀況下還能救回資料。</p>
<img src="http://wordpress.play-learn.net/?ak_action=api_record_view&id=291&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://wordpress.play-learn.net/featured/wordpress-security.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Resize at Upload｜上傳圖檔自動調整尺寸大小</title>
		<link>http://wordpress.play-learn.net/wordpress/plugins/resize-at-upload.html</link>
		<comments>http://wordpress.play-learn.net/wordpress/plugins/resize-at-upload.html#comments</comments>
		<pubDate>Tue, 11 Oct 2011 02:00:02 +0000</pubDate>
		<dc:creator>Mr. 夫</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[上傳]]></category>
		<category><![CDATA[後台管理]]></category>
		<category><![CDATA[縮圖]]></category>

		<guid isPermaLink="false">http://wordpress.play-learn.net/?p=277</guid>
		<description><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/Plugin.png" width="34" height="34" alt="" title="Plugins" /><br/>這外掛算是補足了WordPress一直以來我覺得應該要修正的問題..]]></description>
			<content:encoded><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/Plugin.png" width="34" height="34" alt="" title="Plugins" /><br/><p><a href="http://wordpress.play-learn.net/wp-content/uploads/2011/10/resize-at-upload.jpg"><img class="aligncenter size-full wp-image-281" title="resize-at-upload" src="http://wordpress.play-learn.net/wp-content/uploads/2011/10/resize-at-upload.jpg" alt="resize-at-upload" width="590" height="230" /></a></p>
<p>外掛名稱：Resize at Upload（上傳圖檔自動調整尺寸大小）<br /> 外掛版本：1.0 ( 相容性對應到 WordPress 3.2.1 )<br /> 下載網址：<a href="http://wordpress.org/extend/plugins/resize-at-upload/" target="_blank">http://wordpress.org/extend/plugins/resize-at-upload/</a></p>
<p>這外掛算是補足了WordPress一直以來我覺得應該要修正的問題，就是說不論你之前在後台的媒體設定尺寸多少，它就是一定會保留一張原圖加上其他生成的縮圖，偏偏不是每位使用者都知道要在上傳圖檔前先自行縮到合適大小，然後就是會有人直接把照片寬度至少4000起跳的原始照片檔傳上去，這樣長期下來空間一定爆滿給你看...</p>
<p>安裝並啟用後至後台會看到設定選單中有多一個 <code>Resize at Upload</code> 選項，進入勾選 <code>yes</code> 啟用此功能然後直接在 <code>Max width</code> 設定你要的寬度值即可，這樣你在用WP內建的上傳圖檔功能時他就會自動縮小原圖了。<br /><img title="resize-at-upload-01" src="https://lh6.googleusercontent.com/-EegcpbNf2k4/TpNFbcoBw_I/AAAAAAAAREc/HASzRR9_zU0/s800/resize-at-upload-01.jpg" alt="resize-at-upload-01" width="559" height="190" /></p>
<p>PS: 如果你上傳的圖檔寬度小於設定值也不會加大到指定寬度，它只對寬度超過的圖檔會起作用。</p>
<img src="http://wordpress.play-learn.net/?ak_action=api_record_view&id=277&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://wordpress.play-learn.net/wordpress/plugins/resize-at-upload.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>WordPress 3.0 Custom Post Type｜自定義文章類型</title>
		<link>http://wordpress.play-learn.net/wordpress/codex/custom-post-type.html</link>
		<comments>http://wordpress.play-learn.net/wordpress/codex/custom-post-type.html#comments</comments>
		<pubDate>Mon, 10 Oct 2011 02:00:38 +0000</pubDate>
		<dc:creator>Mr. 夫</dc:creator>
				<category><![CDATA[Codex]]></category>
		<category><![CDATA[CMS 內容管理系統]]></category>
		<category><![CDATA[後台管理]]></category>
		<category><![CDATA[文章]]></category>

		<guid isPermaLink="false">http://wp.play-learn.net/?p=208</guid>
		<description><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/archive-48.png" width="34" height="34" alt="" title="Codex" /><br/>這新功能將使WordPress越來越趨向CMS，不再只是單純一個Blog。]]></description>
			<content:encoded><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/archive-48.png" width="34" height="34" alt="" title="Codex" /><br/><h4><a href="http://wordpress.play-learn.net/wp-content/uploads/2011/10/custom-post-type.jpg"><img class="aligncenter size-full wp-image-285" title="custom-post-type" src="http://wordpress.play-learn.net/wp-content/uploads/2011/10/custom-post-type.jpg" alt="" width="590" height="230" /></a></h4>
<h4>什麼是 Custom Post Type ?</h4>
<p>這是從 3.0 以來就開始有的新功能，而這新功能將使WordPress越來越趨向CMS，不再只是單純一個Blog。</p>
<p>至於什麼是 Custom Post Type 呢?  簡單來說你可以新建立不同的內容系統，然後來擺放比如說影片、商品等跟一般的文章比較性質不同的資料，這樣有助於資料的分類整理區隔，而且在 Custom Post Type 裡你可以自由設定是否啟用迴響、文章縮圖等各個欄位。</p>
<p>而除了可以新建不同的內容系統外還可以新建 Taxonomies (分類)來為你新增加的內容系統進行分類，比如說影片內有動作、科幻、動畫、愛情等分類。<br /> 透過這個新搭載的功能將可以使WordPress有更絕佳的可塑性來顯示多樣的內容。</p>
<h4>如何建立 Custom Post Type ?</h4>
<p>目前來說有兩種方式來使用，一種是透過外掛來建立，另一種則是直接在佈景主題的<code>functions.php</code>直接輸入程式碼來建立。</p>
<p>本文將以第一種方式來說明如何Custom Post Type，首先去下載<a href="http://wordpress.org/extend/plugins/gd-taxonomies-tools/" target="_blank"> GD Custom Posts And Taxonomies Tools</a> 這套外掛並進行安裝，然後中文語系檔請至 <a href="http://wordpress.play-learn.net/plugin_lang-zh_tw" target="_blank">本站的中文語系區</a> 下載，然後上傳至 <code>/wp-content/plugins/gd-taxonomies-tools/languages/</code> 目錄下。</p>
<p>外掛啟用會看到後台多了一個 <code>[GD CPT Tools]</code> 選單，點選<code>文章類型</code>進入後再點擊 <code>[增加]</code> 來新增自己想要的內容。<br /><img src="https://lh3.googleusercontent.com/-m6k09Faq_bk/TpHPNG31DpI/AAAAAAAARCQ/-WGmMsdynAs/s309/custom-post-type-01.jpg" alt="custom-post-type-01" /><br /><img src="https://lh4.googleusercontent.com/-FajSep9ooNA/TpHPN_RHY4I/AAAAAAAARCU/Q8rGM6K2GoQ/s415/custom-post-type-02.jpg" alt="custom-post-type-02" width="347" height="415" /></p>
<p>基本上來說要填的就名稱欄位~設定欄位，餘下的照原始設定就大致OK，可以參考我的設定。<br />而 <code>Admin Menu</code> 中 <code>Menu Position</code> 是指要排在後台選單哪個位置，我是排文章下面，<code>Menu Icon</code> 是要顯示的小圖。</p>
<p><a href="https://lh6.googleusercontent.com/-afIaDW1TDqo/TpHRuZXjH0I/AAAAAAAARDc/WbqW7zhhGWE/s1280/custom-post-type-03.png" target="_blank"><img src="http://lh6.googleusercontent.com/-afIaDW1TDqo/TpHRuZXjH0I/AAAAAAAARDc/WbqW7zhhGWE/s640/custom-post-type-03.png" alt="custom-post-type-03" width="590" height="819" /></a></p>
<p>最後按下 <code>[保存自定義文章]</code> 再按下 <code>[返回]</code> 就可以在後台選單看到自己建立的自訂文章囉~<br /><a href="https://lh3.googleusercontent.com/-aXplz2fKpKk/TpHUzTpwgfI/AAAAAAAARDw/j4fN0qwzy34/s1280/custom-post-type-04.jpg" target="_blank"><img src="https://lh3.googleusercontent.com/-aXplz2fKpKk/TpHUzTpwgfI/AAAAAAAARDw/j4fN0qwzy34/s640/custom-post-type-04.jpg" alt="custom-post-type-04" width="610" height="163" /></a></p>
<p>&nbsp;</p>
<h4>如何使用 Custom Post Type ?</h4>
<p>還記得以前討論過的 <a href="http://wordpress.play-learn.net/wordpress/codex/query_posts-01.html" target="_blank">用query_posts列出特定範圍文章</a> 系列文章嗎？<br />現在你只要加上這個條件碼就可以顯示囉～～</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p208code10'); return false;">查看代碼</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p20810"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p208code10"><pre class="php" style="font-family:monospace;">'post_type' =&amp;gt; 'works'</pre></td></tr></table></div>

<p>我是用works當範例，請根據你設定的名稱來設定。</p>
<img src="http://wordpress.play-learn.net/?ak_action=api_record_view&id=208&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://wordpress.play-learn.net/wordpress/codex/custom-post-type.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ImageDrop｜圖案拖移至文章</title>
		<link>http://wordpress.play-learn.net/wordpress/plugins/imagedrop.html</link>
		<comments>http://wordpress.play-learn.net/wordpress/plugins/imagedrop.html#comments</comments>
		<pubDate>Tue, 13 Sep 2011 07:35:57 +0000</pubDate>
		<dc:creator>Mr. 夫</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[拖移]]></category>
		<category><![CDATA[插入圖案]]></category>
		<category><![CDATA[文章編輯]]></category>

		<guid isPermaLink="false">http://wordpress.play-learn.net/?p=248</guid>
		<description><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/Plugin.png" width="34" height="34" alt="" title="Plugins" /><br/>此外掛可以很直覺式的按住某張圖後直接拖移至文章編輯區來]]></description>
			<content:encoded><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/Plugin.png" width="34" height="34" alt="" title="Plugins" /><br/><p><a href="http://farm7.static.flickr.com/6197/6143351352_fece73dff0_b.jpg"><img class="aligncenter" src="http://farm7.static.flickr.com/6197/6143351352_fece73dff0.jpg" alt="ImageDrop" width="500" height="248" /></a></p>
<p>外掛名稱：ImageDrop（圖案拖移至文章）<br />
外掛版本：1.0 beta3 ( 相容性對應到 WordPress  3.2.1 )<br />
下載網址：<a href="http://wordpress.org/extend/plugins/imagedrop/" target="_blank">http://wordpress.org/extend/plugins/imagedrop/</a></p>
<p>以前有人提過說有沒有辦法可以在撰寫文章時，可以很方便的新增多個已自行上傳的圖案到文章編輯區，最近發現到了這款外掛，如上圖所示你可以很直覺式的按住某張圖後直接拖移至文章編輯區來，如果要選擇不同大小的話在拖移前在上面那個下拉選單中選好尺寸後再進行拖移即可，這對於一篇文章需要貼很多張圖案的編輯來說會是個很省時省力的補助工具，再也不用很煩瑣的每新增一張圖案就再按一次新增圖片按鈕。</p>
<img src="http://wordpress.play-learn.net/?ak_action=api_record_view&id=248&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://wordpress.play-learn.net/wordpress/plugins/imagedrop.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Avatar｜大頭貼上傳功能</title>
		<link>http://wordpress.play-learn.net/wordpress/plugins/avatar.html</link>
		<comments>http://wordpress.play-learn.net/wordpress/plugins/avatar.html#comments</comments>
		<pubDate>Sat, 23 Jul 2011 11:58:15 +0000</pubDate>
		<dc:creator>Mr. 夫</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[使用者]]></category>

		<guid isPermaLink="false">http://wordpress.play-learn.net/?p=239</guid>
		<description><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/Plugin.png" width="34" height="34" alt="" title="Plugins" /><br/>這外掛算是補足了WordPress一直以來我覺得應該要有的功能，就是可以直接在後台上傳自己的大頭貼圖檔]]></description>
			<content:encoded><![CDATA[<img src="http://wp.play-learn.net/wp-content/images/category-icons/Plugin.png" width="34" height="34" alt="" title="Plugins" /><br/><p><a href="http://farm7.static.flickr.com/6140/5966238333_d19d93b34f_b.jpg"><img class="aligncenter" src="http://farm7.static.flickr.com/6140/5966238333_d19d93b34f.jpg" alt="avatar" width="500" height="140" /></a></p>
<p>外掛名稱：Avatar（使用者大頭貼上傳功能）<br />
外掛版本：0.1.3 ( 相容性對應到 WordPress  3.2.1 )<br />
下載網址：<a href="http://wordpress.org/extend/plugins/avatar/" target="_blank">http://wordpress.org/extend/plugins/avatar/</a></p>
<p>這外掛算是補足了WordPress一直以來我覺得應該要有的功能，就是可以直接在後台上傳自己的大頭貼圖檔，而不是用Gravatar的mail指定方式來顯示大頭貼，然後你可以再搭配我之前介紹的<a href="http://wordpress.play-learn.net/wordpress/plugins/custom-avatars-for-comments.html" target="_blank">Custom Avatars For Comments｜自訂迴響大頭貼</a>這套外掛來強化給前台留言者選擇喜歡的預設大頭貼，這樣一來WordPress的大頭貼功能就會很完整了~</p>
<img src="http://wordpress.play-learn.net/?ak_action=api_record_view&id=239&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://wordpress.play-learn.net/wordpress/plugins/avatar.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

