如何在 WordPress 中創建自定義頁面模板

已發表: 2022-11-22

前言
我的 WordPress 網站需要自定義頁面模板嗎?
何時在 WordPress 中使用自定義頁面模板
在 WordPress 中創建自定義頁面模板的 3 個選項
- 1. 使用塊編輯器在 WordPress 中創建自定義頁面模板
- 2. 使用插件創建自定義頁面模板
- 流行的 WordPress 頁面構建器是:
- 3. 在 WordPress 中手動創建自定義頁面模板
獲取免費的暫存站點以測試新模板和設計

從登陸頁面到特別促銷,您可能想知道如何在 WordPress 中創建自定義頁面模板的原因有很多。

這篇文章回答了何時使用自定義模板並回顧瞭如何在 WordPress 中創建自定義頁面模板的三個選項。

我的 WordPress 網站需要自定義頁面模板嗎?

在學習如何創建自定義頁面模板之前,讓我們回顧一下您是否需要。 如果不需要,為什麼還要工作,對嗎?

在構建網站時,模板一詞可以有多種含義。 在 WordPress 世界中,人們經常將模板和主題混為一談。 您的主題控制著您網站的外觀和佈局。 除了樣式設置之外,每個主題還包括標準頁面模板,例如存檔頁面的外觀模板或標準帖子的顯示方式。

當我們談論在 WordPress 中創建自定義頁面模板時,我們指的是構建另一個不屬於您現有主題的模板。 例如,電子商務站點將具有主頁、類別頁面和產品頁面的模板。 但是如果你想要一個特別的促銷活動,人們需要註冊你的時事通訊或獲得特別折扣,你就需要一個用於該登錄頁面的頁面模板。

24/7 WordPress 支持

來自真正的 WordPress 專家

學到更多

何時在 WordPress 中使用自定義頁面模板

何時使用自定義頁面模板這個問題的明顯答案是,當您現有的頁面模板無法滿足您的設計或需求時。 但您還需要考慮在收益與努力之間取得平衡。

當您反複使用模板時,它們的效果最好。 回到我們的電子商務示例,如果商店經常進行這些促銷活動,那麼構建模板是有意義的。 該模板將節省未來構建的時間,因為人們可以在不修改佈局的情況下更新內容。 但是,如果您只需要一頁或一次性使用某些內容,則最好將自定義代碼與現有頁面模板一起使用。

在 WordPress 中創建自定義頁面模板的 3 個選項

要在 WordPress 中創建自定義頁面模板,您可以使用塊編輯器、使用頁面構建插件或手動執行。 前兩個選項要容易得多,對初學者也更友好。 讓我們看看每一個是如何工作的。

1. 使用塊編輯器在 WordPress 中創建自定義頁面模板

如果您使用的是與塊兼容的主題,您將可以使用新的完整站點編輯功能。 此方法是在 WordPress 中創建自定義頁面模板的最快和最簡單的方法。

  1. 登錄到您的 WordPress 管理員。
  2. 轉到“頁面”並單擊“添加新”。
  3. 在邊欄的模板部分,單擊“新建鏈接”。
顯示狀態和可見性的 WordPress 頁面設置、模板頁面、永久鏈接、特色圖片等。

4. 為模板命名並單擊“創建”按鈕。 此名稱供內部使用,不會顯示在您網站的任何位置。

WordPress 創建自定義模板提示,顯示要輸入的名稱、取消和創建按鈕

5. 站點編輯器將加載。 然後您可以開始使用塊和模式構建模板。

顯示要使用的模式、顏色、尺寸、填充、邊框等的 WordPress 頁面自定義模板。

6. 完成後,單擊“發布”。 您現在可以使用模板創建頁面。

如果您不熟悉使用塊來構建頁面,請查看這些資源以獲取幫助:

  • 使用 WordPress 電子書進行全站編輯指南
  • 什麼是 WordPress 塊模式,以及如何使用它們?
  • 使用 WordPress 6.0 進行全站編輯的指南

2. 使用插件創建自定義頁面模板

如果您沒有啟用塊的主題,您將無法使用站點編輯器。 如果您仍希望通過拖放體驗來構建頁面模板,則需要使用頁面構建插件。

流行的 WordPress 頁面構建器是:

  • 種子產品您可以使用此插件為整個站點構建頁面,但當您對主題已經滿意時,它對於添加一次性登錄頁面特別有用。
  • 元素者。 這個頁面構建插件為您的整個站點帶來了拖放可視化編輯。
  • 迪維。 這是為您的站點添加可視化編輯的另一種流行工具
  • 海狸建造者。 此插件啟用可視頁面和主題構建。
  • 卡登斯可濕性粉劑。 使用塊和可供選擇的龐大模板庫,使用此工具構建頁面既快速又簡單。

頁面構建插件會對您的網站加載速度產生負面影響。 他們向頁面添加大量代碼、未使用的 CSS 和 JavaScript。 如果您擔心高流量和緩慢的加載時間,請務必在啟動頁面之前測試任何頁面構建器。

3. 在 WordPress 中手動創建自定義頁面模板

最後,如果您沒有塊兼容的主題並且不想使用頁面構建工具,您可以手動編寫自己的頁面模板。

創建一個 .php 模板文件。 選擇文件名時,不要使用 page- 作為文件的前綴。 WordPress views page- 作為僅對一個特定頁面使用模板的說明。

在文件的頂部,您需要像這樣聲明模板名稱:

<?php /* 模板名稱:示例模板 */ ?>

從那裡,您將使用 HTML、模板標籤和 PHP 代碼創建模板。

完成後,使用 FTP 客戶端或文件管理器將文件上傳到當前主題的目錄。

為了在創建自定義頁面模板時節省時間,WordPress 建議複製主題的 page.php 文件,這樣您就可以從修改現有模板開始,而不是從頭開始編寫所有代碼。

將文件添加到主題文件夾後,創建新頁面時可以選擇它。

獲取免費的暫存站點以測試新模板和設計

在嘗試新設計或構建新頁面模板時,有一種方法可以在不弄亂當前站點的情況下對其進行測試。 在 Pressable,我們為您提供服務。

所有 Pressable 計劃都包括無限的暫存站點。 您可以創建實時站點的副本,然後使用暫存站點在幕後嘗試新設計。

今天註冊並開始享受這個以及使用 Pressable 託管的所有其他好處。

網絡性能

加載時間很重要! 你知道你的網站有多快嗎?

學到更多