測試如何讓 Wordpress的首頁顯示的是小圖，點進去後的內容頁就直接顯示大圖示，有的人好像喜歡這樣的方式，如果你的 blog是文章類型的，其實不太需要這個方法，而且圖片的顯示可以有很多選擇並且隨你高興的交替使用，看妳是要用 Lightbox 2的方式，還是直接的圖就顯示的方式，或是首頁顯示小圖的方式都可以囉，看個人喜好，不多說廢話，底下說明如何做到這個顯示的方式

測試如何讓 Wordpress的首頁顯示的是小圖，點進去後的內容頁就直接顯示大圖示，有的人好像喜歡這樣的方式，如果你的 blog是文章類型的，其實不太需要這個方法
而且圖片的顯示可以有很多選擇並且隨你高興的交替使用，看妳是要用 Lightbox 2的方式，還是直接的圖就顯示的方式，或是首頁顯示小圖的方式都可以囉，看個人喜好，不多說廢話，底下說明如何做到這個顯示的方式

在發表文章的時候，請把縮圖跟全圖都寫進去，在縮圖的後面使用<–more–>，如此一來在首頁的模版(index.php)中，只會顯示到<–more–>的這個地方，而不顯示以下內容…

然后在內容頁的地方(single.php)用 javascript把縮圖隱藏起來即可（display: none; )

理論上是這樣的，但是我想不懂程式的可能聽不懂我在說甚麼?? 底下我將本文章的生成方式描述如下(在 HTML的編輯框中):

<span id=”previewpage”><a rel=”lightbox[groupname]” href=”http://farm3.static.flickr.com/2293/1867653389_9c0555d380_o.jpg” title=”無名美眉小圖”><img width=”160″ src=”http://farm3.static.flickr.com/2293/1867653389_1ed4aa8a44_m.jpg” alt=”美眉” height=”240″ /></a>首頁要顯示的文字</span>
<!–more–>
<script type=”text/javascript”> <!–       $(”previewpage“).style.display=”none”;      //–></script>

<img src=”http://farm3.static.flickr.com/2293/1867653389_9c0555d380_o.jpg” alt=”無名美眉大圖” />

首頁已經有的文字要在這裡再寫一遍…..接下去是其他文章內容….

請注意，首頁可顯示的部分不僅僅限制只有圖片，妳只要用<span>的標籤把它框起來，並且給這個標籤一個 id (這裡是 previewpage)，就如同:

<span id=”previewpage”>首頁的內容(包括縮圖)</span>

然後加上<–more–>，後面接著一段 javascript碼，如下:

 <script type=”text/javascript”> <!–       $(”previewpage“).style.display=”none”;      //–></script>

注意 $(”previewpage”)的 previewpage就是你給 span的那個 id，名稱要一樣，後面再放你的原圖案，並且將首頁已經有的內容重寫一遍，就可以了