頁面模板是徹底改變特定網(wǎng)頁顯示方式的好方法。您可以使用它們?yōu)槟木W(wǎng)站添加各種功能。
但是，它們確實有一個限制，因為它們是“靜態(tài)”模板。您不能以任何方式自定義它們或影響它們的行為。您只能選擇是否啟用頁面模板。默認(rèn)情況下，頁面模板只會執(zhí)行固定功能，例如顯示站點地圖wordpress 自定義模版，或移除側(cè)邊欄以顯示全角頁面。
在本教程系列中，我將了解如何擴(kuò)展頁面模板以使其更加靈活，從而極大地改進(jìn)其功能。首先，我將介紹如何從子主題創(chuàng)建標(biāo)準(zhǔn)頁面模板，然后我將介紹一種更靈活的方法，我將創(chuàng)建通用的動態(tài)頁面模板。
最后，我將向您展示三個完整動態(tài)頁面模板的真實示例。我還將介紹高級主題，例如如何將頁面模板分配給自定義帖子類型。
想要跟進(jìn)嗎？
要學(xué)習(xí)本教程系列，您需要一個具有管理員訪問權(quán)限的網(wǎng)站。到目前為止，最簡單的方法是使用本地開發(fā)環(huán)境。專用的文本編輯器也很有用，但不是必需的。
如果您碰巧在遠(yuǎn)程服務(wù)器上使用開發(fā)，那么您將需要能夠通過管理員編輯主題文件，或者在本地編輯文件并使用 FTP 軟件將它們傳輸回服務(wù)器。為簡單起見，在本教程的其余部分，我假設(shè)您在本地使用它。
為了實現(xiàn)我們的頁面模板，我將使用基于第 27 個父主題的子主題，這是（在撰寫本文時）最新的默認(rèn)主題。因此wordpress建站，如果您一直在關(guān)注，最好在繼續(xù)之前安裝此程序。
您可以根據(jù)需要使用基于另一個父主題的子主題，但您需要修改一些代碼以使其與您的特定主題無縫兼容。但是，任何子主題的基本方法都幾乎相同。
頁面模板
在我們學(xué)習(xí)如何使頁面模板更靈活之前，讓我們仔細(xì)看看一些基本細(xì)節(jié)。
使用模板層次結(jié)構(gòu)來決定哪個模板呈現(xiàn)當(dāng)前頁面。在大多數(shù)情況下，頁面使用的模板是 page.php，但如果您正在查看具有特定 ID 或標(biāo)簽的頁面，它可能會有所不同。但是，如果您為特定頁面選擇頁面模板，它將始終具有優(yōu)先權(quán)，這使得使用頁面模板自定義任何頁面變得非常容易。
以下是一些常見頁面模板的典型示例：
我可以繼續(xù)，但你明白了。頁面模板很棒！你幾乎可以使用它們。
如果您已經(jīng)使用了一段時間，那么您很可能遇到過上述一個或多個示例。大多數(shù)主題包括頁面模板以補(bǔ)充主題功能，您可以通過子主題輕松添加自己的主題。稍后我將描述如何執(zhí)行此操作。
頁面模板很有用，因為它們可以讓您完全控制整個頁面。如果需要，可以省略頁眉、頁腳和/或側(cè)邊欄。這是全角頁面模板如此普遍的原因之一，因為通過頁面模板操作側(cè)邊欄非常容易。
要查看所有當(dāng)前可用的頁面模板wordpress 自定義模版，請轉(zhuǎn)到頁面編輯器并通過頁面模板元框訪問模板下拉菜單。只需選擇所需的頁面模板，頁面更新后，下次查看時即可看到。
通過子主題添加頁面模板
如上所述，在本教程中，我們將使用自定義子主題來實現(xiàn)所有頁面模板。我將從一個基本的子主題和頁面模板開始，然后隨著它的增長添加更多的復(fù)雜性。
整個過程將逐步介紹，因此如果您不熟悉子主題和/或頁面模板，請不要擔(dān)心。您將完成本教程！
子主題的基本思想是，它們允許您自定義當(dāng)前主題（稱為父主題）的外觀，而不會在父主題更新時受到影響。
如果您將代碼直接添加到父主題，所有自定義將在計劃的主題更新期間被覆蓋并丟失。這很重要，因為任何維護(hù)良好的主題都會定期更新。要了解更多關(guān)于子主題的信息，建議您查看官方文檔。
有趣的是，使用插件添加頁面模板在技術(shù)上是可行的，但使用子主題要簡單得多。我不想用額外的代碼使事情變得不必要地復(fù)雜化，所以在我們的頁面模板實現(xiàn)中我會堅持使用子主題。
讓我們開始吧！
好的，理論說得夠多了，讓我們創(chuàng)建啟動頁面模板！它將在一個自定義的“二十七”子主題中，它將作為我們的頁面模板容器，因此我們需要先創(chuàng)建子主題。
打開您的主題文件夾并為您的子主題創(chuàng)建一個新文件夾。作為最佳實踐，建議您將子主題文件夾命名為其父主題的文件夾wordpress做網(wǎng)站，并使用“-child”進(jìn)行修改。由于我們的父主題文件夾名為 -child ，請將您的子主題文件夾命名為 -child 。在這個新文件夾中，創(chuàng)建一個名為 style.css 的文件，并在頂部添加以下注釋塊。
/*
Theme Name: Twenty Seventeen Child
Description: Twenty Seventeen Child Theme
Author: David Gwyer
Template: twentyseventeen
Version: 0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twenty-seventeen-child
*/
現(xiàn)在我們需要引用 -7 父主題中的所有樣式。如果您曾經(jīng)使用過子主題，您可能習(xí)慣于直接在注釋塊下方添加 CSS @ 語句。由于速度問題，這不再被視為最佳實踐。相反，我們將添加父主題樣式，這樣會更有效率。
在子主題根文件夾中，創(chuàng)建一個 .php 文件并添加以下代碼以設(shè)置一個空的類容器。我們將在所有安裝代碼中使用這個類。
init();
注意：結(jié)束 PHP 語句不是必需的，但您可以根據(jù)需要添加。
現(xiàn)在，添加一個鉤子和回調(diào)來將 27 個父主題樣式排入隊列，而不是將它們直接導(dǎo)入到 style.css 文件中。通過添加兩個新的類方法來做到這一點。
保存更改并激活子主題。您現(xiàn)在擁有一個功能齊全但簡單的 27 主題。要測試它是否有效，請在 style.css 中添加一行自定義 CSS。
* { color: red !important; }
如果一切順利，您應(yīng)該會看到所有網(wǎng)站文本現(xiàn)在都染成了漂亮的紅色。
在繼續(xù)之前不要忘記刪除測試 CSS。現(xiàn)在子主題已激活，我們可以開始實現(xiàn)我們的第一個頁面模板。
文章來自互聯(lián)網(wǎng)，侵權(quán)請聯(lián)系刪除，文章闡述觀點來自文章出處，并不代表本站觀點。
m.bjcthy.com
