首先我們先認識幾個判斷函數,分別是:
is_home() 首頁
is_category() 分類頁
is_single() 文章頁
is_page() 頁面
有了以上判斷函數我們就可以根據不同的頁面顯示不同的內容了,一般情況下頁面可文章頁代碼可以共用!
不過今天我們先寫一下header.php文件的內容,這個頁面包括網站標題和導航欄
首先加上瀏覽器標題,不同的頁面顯示的瀏覽器標題應該是不同的,如下依次是首頁,分類頁,內容頁,搜索頁,404錯誤頁的瀏覽器標題
bloginfo('name'); echo " - "; bloginfo('description');
}elseif(is_category()){
single_cat_title(); echo " - "; bloginfo('name');
}elseif(is_single() || is_page()){
single_post_title();
}elseif(is_search()){
echo "搜索結果"; echo " - "; bloginfo('name');
}elseif(is_404()){
echo '頁面未找到!';
}else{
wp_title('',true);
} ?>
隨便添加上這個代碼不是必要的,但是有些插件會使用他,所以我們把這個加上去,隨便輸出一些header信息給瀏覽器
最后加上以便讓WP加載默認的樣式文件style.css,雖然現在文件里還沒有任何樣式內容.
保存之后瀏覽器已經可以顯示標題了.以上代碼都是添加到head標簽中的.
接下來我們開始編輯index.php文件,添加一個div用來在首頁顯示網站標題和描述,導航欄現在我們先不寫.
?輸出你的博客首頁網址
?輸出你的博客名稱
?輸出博客描述
現在我們只是簡單的輸出他它們,就像這樣
然后輸出一個文章列表作為首頁,因為我們寫的是一個簡單的模板,所以我們在這里不寫側邊欄,而是直接將代碼寫在首頁里,框架為普通的兩欄結構,左邊是列表,右邊是最新文章,熱門文章,網站分類等的組合.
//輸出文章列表,文章不要全文輸出
//右側相關代碼
大致如上,然后文章列表我們使用之前的代碼然后稍微修改一下.代碼如下,以下代碼可以在首頁和分類頁搜索頁顯示列表,而在文章頁顯示內容和評論
if(is_home() or is_category() or is_search())://如果是首頁和分類頁和搜索頁
if(have_posts()):
while(have_posts()):
the_post();
?>
標簽
endwhile;
?>
//分頁
else:
?>
沒有
沒有任何文章
endif;
elseif(is_single() or is_page())://否則如果是文章頁和單頁
?>
標簽
endif;
?>
最終首頁和內容頁的效果圖下,分別是首頁和內容頁
footer.php文件的內容很簡單,一般都是版權說明等靜態內容,可以自由編輯.以上就是今天的內容,明天我們將會為我們的主題制作一個漂亮的界面,讓我們的主題成為一個正真可以使用的WP主題.
