WordPress模板層次01：模板檔案

什麼是模板檔案

WordPress中的模板檔案其實是一個單一的PHP檔案，用於確定網站前端顯示的特定頁面。它們可以包括HTML，PHP和WordPress中的PHP函式。

WordPress對這些模板檔案有特殊的命名約定，因此所有的主題，在後端都共享一個通用的檔案集。這使得不同的WordPress主題的開發變得更加容易。因為你可以有條不紊地，通過不同的模板選項，來檢視它們在現有網站中的位置。

在本教程中，我們將要檢視WordPress中的每一個模板檔案，並學習它們之間的連線方式。

切換到新主題

所以，首先，為了講解模板的方便，這裡就暫時不能使用WordPress開發入門中使用的子主題了，這裡切換為twentyfourteen主題。

如果你沒有twentyfourteen主題，可以自行百度，也可以從下面連結下載：

連結：https://pan.baidu.com/s/1mkaKx2C 密碼：2aju

安裝並啟用這個主題，還不會的同學可以參考“WordPress使用入門”

新增對模板檔案的測試

切換主題後，來到網站的前端，切換到“自定義模板頁面”。

接著，在WordPress後臺，在 外觀 >> 編輯 下，可以看到這個主題的所有模板檔案：

向下滾動並找到page.php模板。點選編輯這個模板檔案：

在開始迴圈的PHP程式碼之前。我們放置一些測試程式碼：

    <div id="primary" class="content-area">
        <div id="content" class="site-content" role="main">
TEST!!! /***這行是測試程式碼***/
            <?php

然後，點選“更新檔案”。

現在，來到網站前臺，並來到“自定義模板頁面”，應該可以看到測試程式碼的效果。

注意，剛剛我們開啟的是“自定義模板頁面”！

但是，如果開啟的是網站的部落格文章，可以看到測試程式碼並不會被顯示：

這是因為 page.php 模板檔案只控制頁面而不是文章。

• 本文固定連結: http://www.xuhss.com/theme-dev/template-hierarchy/template-file
• 轉載請註明: MrBang <time>2018年02月15日 </time>於 虛幻私塾 發表