五天從零開始寫WordPress模板(2)

首先我們先認(rèn)識(shí)幾個(gè)判斷函數(shù),分別是:

is_home() 首頁

is_category() 分類頁

is_single() 文章頁

is_page() 頁面

有了以上判斷函數(shù)我們就可以根據(jù)不同的頁面顯示不同的內(nèi)容了,一般情況下頁面可文章頁代碼可以共用!

不過今天我們先寫一下header.php文件的內(nèi)容,這個(gè)頁面包括網(wǎng)站標(biāo)題和導(dǎo)航欄

首先加上瀏覽器標(biāo)題,不同的頁面顯示的瀏覽器標(biāo)題應(yīng)該是不同的,如下依次是首頁,分類頁,內(nèi)容頁,搜索頁,404錯(cuò)誤頁的瀏覽器標(biāo)題


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 "搜索結(jié)果"; echo " - "; bloginfo('name');

}elseif(is_404()){

echo '頁面未找到!';

}else{

wp_title('',true);

} ?>

隨便添加上這個(gè)代碼不是必要的,但是有些插件會(huì)使用他,所以我們把這個(gè)加上去,隨便輸出一些header信息給瀏覽器

最后加上以便讓W(xué)P加載默認(rèn)的樣式文件style.css,雖然現(xiàn)在文件里還沒有任何樣式內(nèi)容.

保存之后瀏覽器已經(jīng)可以顯示標(biāo)題了.以上代碼都是添加到head標(biāo)簽中的.

接下來我們開始編輯index.php文件,添加一個(gè)div用來在首頁顯示網(wǎng)站標(biāo)題和描述,導(dǎo)航欄現(xiàn)在我們先不寫.

?輸出你的博客首頁網(wǎng)址

?輸出你的博客名稱

?輸出博客描述

現(xiàn)在我們只是簡單的輸出他它們,就像這樣


然后輸出一個(gè)文章列表作為首頁,因?yàn)槲覀儗懙氖且粋€(gè)簡單的模板,所以我們在這里不寫側(cè)邊欄,而是直接將代碼寫在首頁里,框架為普通的兩欄結(jié)構(gòu),左邊是列表,右邊是最新文章,熱門文章,網(wǎng)站分類等的組合.

//輸出文章列表,文章不要全文輸出

//右側(cè)相關(guān)代碼

大致如上,然后文章列表我們使用之前的代碼然后稍微修改一下.代碼如下,以下代碼可以在首頁和分類頁搜索頁顯示列表,而在文章頁顯示內(nèi)容和評(píng)論


if(is_home() or is_category() or is_search())://如果是首頁和分類頁和搜索頁

if(have_posts()):

while(have_posts()):

the_post();

?>

閱讀全文

標(biāo)簽


endwhile;

?>

//分頁


else:

?>

沒有

沒有任何文章


endif;

elseif(is_single() or is_page())://否則如果是文章頁和單頁

?>

標(biāo)簽


endif;

?>

最終首頁和內(nèi)容頁的效果圖下,分別是首頁和內(nèi)容頁

footer.php文件的內(nèi)容很簡單,一般都是版權(quán)說明等靜態(tài)內(nèi)容,可以自由編輯.以上就是今天的內(nèi)容,明天我們將會(huì)為我們的主題制作一個(gè)漂亮的界面,讓我們的主題成為一個(gè)正真可以使用的WP主題.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,761評(píng)論 25 709
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,506評(píng)論 19 139
  • 個(gè)人學(xué)習(xí)批處理的初衷來源于實(shí)際工作;在某個(gè)迭代版本有個(gè)BS(安卓手游模擬器)大需求,從而在測試過程中就重復(fù)涉及到...
    Luckykailiu閱讀 4,974評(píng)論 0 11
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 7,295評(píng)論 0 17
  • 老公客死他鄉(xiāng),老婆尋夫,感天動(dòng)地! 一猛男不顧勸告,酒后亂性與猛獸肉搏! 一騷娘們整容三次均失敗,最后被亂棍打死!...
    OQ熊閱讀 309評(píng)論 0 1

友情鏈接更多精彩內(nèi)容