設(shè)計(jì)網(wǎng)站可能很耗時(shí)。即使您使用功能強(qiáng)大的wordpress主題或頁面構(gòu)建器，您仍可能會(huì)花費(fèi)數(shù)小時(shí)來構(gòu)建和編輯您的頁面。此外，您可能更喜歡創(chuàng)建自定義WordPress頁面模板，而不是使用通用的預(yù)制布局。

通過創(chuàng)建WordPress模板，您可以將它們應(yīng)用到您網(wǎng)站上的任何頁面。因此，您還可以調(diào)整整體網(wǎng)頁設(shè)計(jì)，而無需手動(dòng)更新每個(gè)頁面。

在這篇文章中，我們將了解您可能想要使用自定義頁面模板的原因。然后，我們將向您展示如何在WordPress中創(chuàng)建它們。

• 為什么您可能想要?jiǎng)?chuàng)建自定義WordPress頁面模板
• 如何創(chuàng)建自定義WordPress頁面模板（2 種方法）
  • 1.手動(dòng)創(chuàng)建頁面模板
  • 2. 使用頁面構(gòu)建器插件創(chuàng)建頁面模板

為什么您可能想要?jiǎng)?chuàng)建自定義WordPress頁面模板

許多wordpress主題都帶有針對您網(wǎng)站不同部分的預(yù)制布局。這些設(shè)計(jì)區(qū)域包括博客文章、類別、檔案和關(guān)于我們的頁面。雖然您通常可以根據(jù)自己的喜好調(diào)整這些模板，但在嘗試自定義它們時(shí)可能會(huì)發(fā)現(xiàn)它們有點(diǎn)限制。

創(chuàng)建自定義WordPress頁面模板可以讓您的設(shè)計(jì)更具創(chuàng)意。然后，您可以將此布局應(yīng)用于您網(wǎng)站上的任何頁面或文章。

如果您希望某些頁面彼此略有不同，您還可以創(chuàng)建自定義模板。

例如，如果您有一個(gè)攝影作品集，您可能希望這些頁面看起來比其他頁面更寬。如果您經(jīng)營一個(gè)博客，您可能會(huì)決定添加一個(gè)僅在您的文章中可見的側(cè)邊欄。

擁有自定義頁面模板還可以為您節(jié)省大量時(shí)間。如果您選擇在未來調(diào)整您的設(shè)計(jì)，您只需更改您的模板 – 更新將應(yīng)用于所有相關(guān)頁面。此設(shè)置使您免去了調(diào)整每一頁的麻煩。

如何創(chuàng)建自定義WordPress頁面模板（2 種方法）

正如我們所見，創(chuàng)建自定義WordPress頁面模板可以讓您更自由地控制網(wǎng)站的外觀。此過程還可以幫助您節(jié)省時(shí)間。

幸運(yùn)的是，您可以通過多種方式在WordPress中創(chuàng)建頁面模板。例如，您可以手動(dòng)制作一個(gè)并將其上傳到您的網(wǎng)站，也可以使用頁面構(gòu)建插件。

讓我們仔細(xì)看看每種方法！

1.手動(dòng)創(chuàng)建頁面模板

如果您已經(jīng)熟悉如何創(chuàng)建WordPress主題，您可能希望選擇手動(dòng)方法。此方法需要一些編碼知識(shí)，并為您的自定義模板設(shè)計(jì)提供了很大的靈活性。

重要的！在本教程中，我們將創(chuàng)建模板文件并將其上傳到您當(dāng)前的主題。我們建議先創(chuàng)建一個(gè)子主題。這樣，當(dāng)父主題更新時(shí)，您不會(huì)丟失新的更改。

第 1 步：創(chuàng)建模板文件

首先，打開您選擇的文本編輯器并添加以下代碼行：

您可以隨意命名您的模板。但是，我們建議使用可識(shí)別的名稱。

例如，如果您正在為特定類型的博客文章（例如操作指南）創(chuàng)建頁面模板，則可以將其稱為“教程”。同樣，如果您正在制作一個(gè)不包括主題側(cè)邊欄的模板，您可以將其命名為“PageWithoutSidebar”。

添加代碼后，將文件另存為“custompage.php”之類的文件。您可以為模板文件使用任何名稱，但它必須具有.php擴(kuò)展名。

第 2 步：將模板文件上傳到您的站點(diǎn)

接下來，您需要將此文件上傳到您的站點(diǎn)。為此，您可以使用FileZilla之類的文件傳輸協(xié)議 (FTP)客戶端。

如果這是您第一次使用FTP，則需要輸入您的憑據(jù)，包括您的用戶名和服務(wù)器主機(jī)名。您可以在托管帳戶儀表板中找到此信息。

連接到站點(diǎn)后，導(dǎo)航到wp-content/themes/文件夾并打開您的子主題文件夾：

然后，將您剛剛創(chuàng)建的模板文件上傳到此文件夾。該模板現(xiàn)在應(yīng)該可以在您的網(wǎng)站上使用。

要確認(rèn)這一點(diǎn)，請導(dǎo)航到您的 WordPress 管理區(qū)域并創(chuàng)建一個(gè)新頁面（或打開一個(gè)現(xiàn)有頁面）。在“設(shè)置”面板中，找到“模板”部分并單擊它以查看您的選項(xiàng)：

您應(yīng)該在列表中看到您的新模板。但是，如果您將此設(shè)置為模板并單擊Preview，您將獲得一個(gè)空白頁面。

這是因?yàn)槲覀冞€沒有向文件中添加任何內(nèi)容。我們將在下一步中向您展示如何自定義它。

第 3 步：自定義您的模板文件

首先，您需要復(fù)制主題的現(xiàn)有頁面模板。為此，請通過FTP連接到您的站點(diǎn)并導(dǎo)航到您當(dāng)前的主題文件夾。然后，查找名為page.php的文件并在文本編輯器中打開它。

接下來，您需要在page.php文件中復(fù)制以下代碼：

完成后，打開您的自定義頁面模板文件并將該代碼粘貼到以下行下方：

您的模板文件現(xiàn)在應(yīng)該如下所示：

您現(xiàn)在可以編輯您的自定義頁面模板文件。例如，如果要從模板中刪除頁腳，可以刪除以下行：

您還可以添加自定義PHP代碼以進(jìn)一步根據(jù)自己的喜好自定義模板。完成后，保存更改。

現(xiàn)在，如果您返回應(yīng)用模板的文章或頁面并單擊預(yù)覽它，您應(yīng)該能夠看到您的新更改。

2. 使用頁面構(gòu)建器插件創(chuàng)建頁面模板

如果您缺乏編碼知識(shí)，請不要擔(dān)心。有一種更簡單的方法可以創(chuàng)建自己的模板，它涉及使用頁面構(gòu)建工具。

幸運(yùn)的是，幾個(gè)WordPress頁面構(gòu)建器使您能夠構(gòu)建自定義設(shè)計(jì)。本節(jié)將著眼于兩個(gè)流行的選項(xiàng)——Elementor vs. Beaver Builder。

使用Elementor構(gòu)建自定義WordPress頁面

Elementor帶有一個(gè)拖放編輯器，可以輕松在WordPress中構(gòu)建和自定義頁面。您可以使用小部件創(chuàng)建自定義模板并在您的網(wǎng)站上使用它們。您還可以從預(yù)制的Elementor模板中進(jìn)行選擇，并根據(jù)自己的喜好進(jìn)行調(diào)整。

在本教程中，我們將向您展示如何使用Elementor構(gòu)建基本的WordPress頁面模板。您可以使用構(gòu)建器的免費(fèi)版本來創(chuàng)建 WordPress 自定義設(shè)計(jì)并將其應(yīng)用于選定的頁面。但是，Elementor Pro具有更多自定義選項(xiàng)和功能。

第 1 步：設(shè)計(jì)您的模板

在您的網(wǎng)站上安裝并激活Elementor后，導(dǎo)航到Templates并單擊Add New：

然后Elementor會(huì)要求您選擇要?jiǎng)?chuàng)建的模板類型并為其命名：

如果您使用的是免費(fèi)版本，則可以從Page、Section或Landing?Page中進(jìn)行選擇。要?jiǎng)?chuàng)建WordPress自定義文章模板，您需要升級(jí)到Elementor Pro。

準(zhǔn)備好后，單擊創(chuàng)建模板。這將啟動(dòng)Elementor編輯器：

您會(huì)在左側(cè)找到一系列可以拖放到頁面上的元素。但是，在開始之前，您可能需要更改模板的頁面布局。

點(diǎn)擊左下角的設(shè)置圖標(biāo)：

然后，您可以從提供的列表中選擇您的頁面布局。例如，如果您選擇Elementor?Canvas，您將獲得一個(gè)完全空白的頁面：

選擇頁面布局后，您可以開始向頁面添加元素?；蛘?，您可以使用現(xiàn)有模板作為基礎(chǔ)。

要訪問這些Elementor模板，您只需單擊文件夾圖標(biāo)：

然后，您可以選擇一個(gè)塊或一個(gè)完整的頁面：

然后，您可以選擇頁面上的任何元素來配置其設(shè)置：

準(zhǔn)備好后，單擊Publish按鈕旁邊的箭頭，然后選擇Save?as?Template：

然后Elementor會(huì)要求您輸入模板的名稱。然后，此布局將保存到您的模板庫中。

第 2 步：將模板應(yīng)用到您的頁面

創(chuàng)建并保存模板后，您可以在 Elementor 設(shè)計(jì)的任何頁面上使用它。

首先，點(diǎn)擊Pages?->?Add New，然后選擇Edit?with?Elementor按鈕：

這將在Elementor編輯器中打開您的新頁面：

然后，您可以單擊文件夾圖標(biāo)打開模板庫（如前所示）并在My?Templates下查找您的模板。然后，只需將您的模板插入頁面，并根據(jù)需要對其進(jìn)行自定義。

請注意，如果您使用Elementor Pro，您還可以訪問Theme Builder：

此功能可讓您設(shè)計(jì)自定義元素，包括頁眉、頁腳和單個(gè)文章模板，然后配置它們的顯示條件。

例如，如果您使用Theme Builder創(chuàng)建單個(gè)文章模板，您可以選擇將其應(yīng)用于所有文章。

使用Beaver Builder構(gòu)建自定義WordPress頁面

Beaver Builder是另一個(gè)可以幫助您創(chuàng)建 WordPress 自定義頁面模板的工具。與Elementor類似，此頁面構(gòu)建器插件帶有一個(gè)拖放編輯器和多種稱為“模塊”的元素。

Beaver Builder還允許您將設(shè)計(jì)保存為模板。但是，此功能僅適用于插件的高級(jí)版本。

在本教程中，我們將使用高級(jí)插件向您展示如何創(chuàng)建WordPress頁面模板。

第 1 步：設(shè)計(jì)您的模板

在WordPress儀表板中安裝并激活插件后，導(dǎo)航到Beaver?Builder?->?Templates并選擇Add?New：

然后，您將被要求為您的設(shè)計(jì)選擇一個(gè)名稱并選擇一個(gè)模板類型：

然后，單擊Add?Saved?Template并選擇Launch?Beaver?Builder。這將帶您到構(gòu)建器：

然后，您可以開始創(chuàng)建模板。您可以從“Modules”選項(xiàng)卡拖放元素?，然后單擊它們以配置其設(shè)置。

或者，您可以使用Beaver Builder模板：

如果您對更改感到滿意，請單擊右上角的完成按鈕。然后，選擇發(fā)布。

第 2 步：將模板應(yīng)用到您的頁面

創(chuàng)建模板后，您可以將其應(yīng)用到網(wǎng)站上的任何頁面。首先打開您的頁面進(jìn)行編輯（或創(chuàng)建一個(gè)新頁面），然后單擊Launch?Beaver?Builder：

從Templates選項(xiàng)卡中，選擇Saved?Templates并選擇您的設(shè)計(jì)：

Beaver Builder現(xiàn)在會(huì)將模板添加到您的頁面。然后，您可以對其進(jìn)行任何更改。準(zhǔn)備好后，點(diǎn)擊完成，然后選擇保存草稿或發(fā)布。

小結(jié)

學(xué)習(xí)如何創(chuàng)建WordPress頁面模板可以幫助您節(jié)省時(shí)間和精力。此過程還使您能夠輕松調(diào)整網(wǎng)站設(shè)計(jì)以更好地滿足您的需求。您可以制作各種布局，包括WordPress單篇文章模板。

在這篇文章中，我們研究了構(gòu)建WordPress自定義頁面模板的兩種主要方法：

1. 創(chuàng)建一個(gè)模板文件并使用FileZilla之類的工具將其上傳到您的主題文件夾。
2. 使用像Elementor或Beaver Builder這樣的頁面構(gòu)建器插件。

這兩種方法都為您提供了很大的定制自由度，因此您可以選擇您覺得最舒服的一種。