繼上次的 query_posts 可以讓你抓出特定範圍內文章的教學後,這次是在外觀做更特殊的變化,一般來說一頁多篇文章時每篇文章的css樣式都是一樣的,當然每篇文章顯示的資料如標題、內容、發表日期等都是一樣的,但是如何再加點小程式碼就可以讓第一篇文章顯示的樣式與之後的文章是不一樣的喔!!!
效果就像上圖那樣,可以第一篇顯示文章縮圖及標題,但是之後的文章都只顯示標題就像是清單顯示似的,其原理很簡單,簡單的說就是利用迴圈增加數值來判斷抓出最初的文章。
首先我以default這個主題做範例,在index.php尋找出以下類似迴圈程式碼
然後在那段程式碼上面加入下面這段程式碼
並且在迴圈程式碼下面加入下面這段程式碼
改完後的樣子就像這樣
再來是找出下面這段結束迴圈的程式碼
並且在其上面加入以下這段程式碼
被 if ( $post_number==1) { ... }
包住的內容就是第一篇文章的程式碼,而 else { ... }
的部份就是第二篇文章之後的程式碼啦,接下來就隨你改囉~~