繼上次的 query_posts 可以讓你抓出特定範圍內文章的教學後,這次是在外觀做更特殊的變化,一般來說一頁多篇文章時每篇文章的css樣式都是一樣的,當然每篇文章顯示的資料如標題、內容、發表日期等都是一樣的,但是如何再加點小程式碼就可以讓第一篇文章顯示的樣式與之後的文章是不一樣的喔!!!

效果就像上圖那樣,可以第一篇顯示文章縮圖及標題,但是之後的文章都只顯示標題就像是清單顯示似的,其原理很簡單,簡單的說就是利用迴圈增加數值來判斷抓出最初的文章。

首先我以default這個主題做範例,在index.php尋找出以下類似迴圈程式碼


 

然後在那段程式碼上面加入下面這段程式碼


 

並且在迴圈程式碼下面加入下面這段程式碼


 

改完後的樣子就像這樣



	

 

再來是找出下面這段結束迴圈的程式碼


 

並且在其上面加入以下這段程式碼


			
id="post-">

 

if ( $post_number==1) { ... } 包住的內容就是第一篇文章的程式碼,而 else { ... } 的部份就是第二篇文章之後的程式碼啦,接下來就隨你改囉~~

作者: Mr. 夫

唯有力量才能制衡一切,沒有力量什麼都保護不了,就連自身也難保...

參與討論

9 則留言

  1. 上文中……..default這個主題做範例………..

    請問”default”是指哪一個主題!?
    文中介紹的修改方式如何使用於arras theme

    謝謝您!!

    1. default是WordPress內建的預設主題之一,除非你有特別去刪除它不然在後台的佈景主題內,名稱是 [ WordPress Default 1.6 ]。

      要應用於arras theme有些難度喔,要先看你是要擺在那裡以及這主題本身寫得挺複雜,要改寫挺耗時的,不過往後有機會我會試試看 @@

    1. 其實這篇應該是 [ 分類文章區塊 ] 的系列教學文章之一,其他篇也正在撰寫,畢竟我覺得像圖中那樣的分類文章顯示方式也是滿不錯的排版,所以拿出來分享分享。

      不過這篇懂得活用 if = ? 的話可以有更多變化,像是第二篇或是第三篇的排版也可以都不同等等,變化性滿高的。

  2. 您好,這語法真的滿厲害的,可是如果要擺放不同分類的話,請問要怎麼編寫語法才能像你這樣有不同的分類都可以公佈呢?
    謝謝!

    1. 這是將Arthemia主題加以應用改寫出來的,往後有空會寫個程式碼教學文章出來,若是等不及可以抓Arthemia這個主題來研究看看。

  3. 不好意思,可以在請教一個問題,請問要如何設定上方只顯示幾篇文章?
    因為我這篇”搭配query_posts列出特定範圍文章”內部的這個語法”‘showposts’ => 6″
    只要超過6篇以後,他下面就會出現切換頁面的模式,請問這有辦法修改嗎?謝謝。

  4. Mr. 夫您好:
    想請教您關於以上設定的問題。
    透過以上設定雖然可以將首篇文章的格式獨立出來,但它是把「每一頁的首篇文章」的文章格式獨立,如果只要「唯獨第一頁的首篇文章格式獨立」的話,該如何調整?謝謝您~

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *