自定義頁面允許您使用與網站其余部分不同的布局。許多 WordPress 網站為其銷售頁面、登錄頁面、網絡研討會頁面等使用自定義頁面布局。在本文中,我們將向您展示如何在 WordPress 中輕松創建自定義頁面。

為什么要在 WordPress 中創建自定義頁面?
每次創建新頁面時,都會使用模板文件控制該頁面的外觀。
此頁面.php模板會影響您在WordPress中創建的所有單個頁面。但是,您可能不希望每次都使用相同的設計。
與常規頁面相比,的內容通常不同,例如大型英雄圖片或這意味著它們通常看起來與您網站的其他部分完全不同。
但是,嘗試使用標準頁面模板創建獨特的設計可能需要花費大量時間。您還受到頁面.php模板的限制,可能無法創建所需的確切設計。這可能使獲得良好的結果變得困難。例如,如果您正在構建一個銷售頁面,那么由于設計不佳,您可能不會獲得很多轉化。
話雖如此,讓我們看看如何在 WordPress 中創建自定義頁面,其中包含您想要的確切設計、布局和內容。
方法 1.如何使用塊編輯器在 WordPress 中創建自定義頁面(無需插件)
塊編輯器使您可以使用您已經熟悉的工具輕松設計自己的模板。
如果您打算在多個頁面上重復使用相同的設計,這是一個不錯的選擇,因為您可以簡單地應用相同的模板。如果你想創建一個完全獨特的設計,那么另一種選擇是像往常一樣創建頁面,然后使用全站編輯器編輯其布局,我們將在方法 2 中介紹。
請注意,這些方法僅適用于,例如 或 Twenty Twenty-Three。如果您沒有基于塊的主題,那么我們建議您改用頁面構建器。
首先,只需打開任何頁面或帖子。然后,選擇右側菜單中的“頁面”選項卡,然后單擊“模板”旁邊的文本。

您看到的選項可能因您的 WordPress 主題而異,但文本通常會顯示“頁面”、“默認模板”或類似內容。
在出現的彈出窗口中,單擊“添加模板”圖標。

在出現的彈出窗口中,輸入模板的名稱,然后單擊“創建”。
該名稱僅供參考,因此您可以使用任何您想要的東西。

這將啟動模板編輯器,其工作方式類似于 。
要向自定義頁面設計添加塊,只需單擊藍色的“+”按鈕。然后,您可以拖放以添加塊。

您可以使用熟悉的 WordPress 帖子編輯工具將內容添加到塊或更改其格式。例如,您可以在“標題”塊中輸入文本、應用粗體格式或將文本從 H2 更改為 H3。
您還可以使用模式創建自定義頁面。模式是經常一起使用的塊的集合,例如事件列表、或。
您看到的模式會因您的 WordPress 主題而異,但您可以通過單擊“模式”選項卡來查看哪些模式可用。

您可以將塊圖案拖放到布局上,也可以單擊該將其添加到模板底部。當您對模板的外觀感到滿意時,請單擊“發布”按鈕,然后單擊“保存”。
您現在可以將此模板應用于任何頁面。只需在編輯器中打開頁面,然后單擊“模板”旁邊的文本。
在顯示的彈出窗口中,選擇您剛剛創建的模板。

完成后,您可以向頁面添加內容,就像任何其他 WordPress 頁面一樣。
方法 2.如何使用全站編輯器創建自定義頁面(僅限基于塊的主題)
如果您使用的是基于塊的主題,則還可以使用全站編輯器創建自定義頁面。這允許您更改單個頁面的布局,而無需創建自定義模板。
考慮到這一點,如果您想創建一個完全獨特的設計,并且不會在任何其他頁面上重復使用,這是一個不錯的選擇。
要開始使用,只需像往常一樣創建頁面,方法是轉到頁面?添加新的頁面。然后,您可以輸入標題、、上傳以及進行所需的任何其他更改。
當您對基本頁面感到滿意時,保存您的更改,然后前往外觀? 編輯器。

默認情況下,完整的站點編輯器會顯示模板的主頁模板。
在左側菜單中,單擊“頁面”。

您現在將看到您在 WordPress 網站上創建的所有頁面。
只需找到您要重新設計的頁面并單擊即可。

WordPress 現在將顯示設計的預覽。
要繼續編輯此模板,請單擊小鉛筆圖標。

現在,您可以使用全站編輯器工具編輯頁面布局。例如,您可以單擊藍色的“+”按鈕添加新塊,或單擊以選擇要自定義的任何塊。
當您對所做的更改感到滿意時,請單擊“保存”按鈕。

現在,如果您在網站上訪問此頁面,您將看到新的頁面設計在運行。
方法 3. 使用 SeedProd 在 WordPress 中創建自定義頁面(推薦)
過去,您通過編寫代碼來創建自定義頁面,這對初學者來說不是很友好。如果您的 HTML、CSS 或 PHP 代碼出錯,那么它可能會導致,甚至完全破壞您的網站。
考慮到這一點,我們建議改用頁面構建器。
是 WordPress 最好的器。它帶有 180 多個模板,可讓您在不編寫任何代碼的情況下創建自定義頁面。
如果您使用自定義頁面來獲得更多轉化,那么 SeedProd 可與您可能已經在用于獲得轉化的許多流行的第三方工具配合使用。這包括頂級電子郵件營銷服務、、 等。
首先,您需要安裝并激活 SeedProd。
注意: ,無論您的預算是多少,您都可以創建自定義頁面。但是,在本指南中,我們將使用 SeedProd Pro,因為它具有更多模板并與所有集成。
激活插件后,SeedProd 將要求您提供許可證密鑰。

您可以在 下找到此信息。輸入密鑰后,單擊“驗證密鑰”按鈕。
選擇自定義頁面模板
完成此操作后,轉到 SeedProd ? 登陸頁面,然后單擊“添加新登陸頁面”按鈕。

您現在可以為自定義頁面選擇模板。
SeedProd 的模板分為不同的活動類型,例如“潛在客戶”、“擠壓”和“”。您可以點擊屏幕頂部的選項卡,根據廣告系列類型篩選模板。

如果您想從頭開始,那么 SeedProd 也有一個您可以使用的空白模板。
要仔細查看任何設計,只需將鼠標懸停在該模板上,然后單擊放大鏡圖標即可。

當您找到您喜歡的設計時,單擊“選擇此模板”。我們在所有圖片中使用“課程銷售頁面”模板,但您可以使用任何您想要的模板。
接下來,繼續輸入自定義頁面的名稱。SeedProd 將根據頁面標題自動創建一個 URL,但您可以將此 URL 更改為您想要的任何內容。
描述性 URL 還將幫助搜索引擎了解頁面的內容,以便他們可以將其顯示給合適的用戶,這將改善您的 。
為了讓您的自定義頁面有最佳機會出現在相關搜索結果中,您可能需要添加 URL 中缺少的任何關鍵字。有關更多詳細信息,請參閱我們關于的指南。

當您對輸入的信息感到滿意時,單擊“保存并開始編輯頁面”按鈕。
設計您的自定義頁面
SeedProd 現在將在其用戶友好的拖放編輯器中打開您選擇的模板。您將在右側看到頁面的實時預覽,在左側看到一些阻止設置。

要自定義塊,只需在頁面編輯器中單擊以選擇它。然后,左側工具欄將顯示該塊的所有設置。
在下圖中,我們將更改“標題”塊內的文本。

您可以使用左側菜單中的設置設置文本格式、更改其對齊方式、等。
使用 SeedProd 頁面構建器編輯圖像也很容易。只需單擊任何“圖像”塊,然后使用設置添加、上傳新圖像或進行任何其他更改。

如果要從自定義頁面中刪除塊,只需單擊以選擇該塊即可。
然后,單擊浮動工具欄中的垃圾桶圖標。

要將新塊添加到您的設計中,只需在左側菜單中找到一個塊,然后將其拖到編輯器上即可。
然后,您可以單擊以選擇該塊并在左側菜單中進行任何更改。

SeedProd 還帶有“部分”,它們是行和塊模板,可以幫助您快速創建自定義頁面。例如,如果您正在設計 ,那么您可以使用 SeedProd 現成的英雄、號召性用語或功能部分。
要查看所有可用的部分,只需單擊“部分”選項卡。

要仔細查看某個部分,請將鼠標懸停在該部分上,然后單擊放大鏡圖標。
當您找到要添加到設計中的部分時,只需將鼠標移到其上,然后單擊小“+”圖標即可。

這會將該部分添加到頁面底部。您可以使用拖放功能在設計中移動部分和塊。
如果您犯了錯誤或改變主意,請不要擔心。您可以通過單擊左側工具欄底部的“撤消”按鈕來撤消上次更改。
在這里,您還可以找到重做按鈕、修訂歷史記錄、布局導航和全局設置。

這些額外的按鈕使在 WordPress 中創建自定義頁面變得容易。
在工具欄的底部,您還可以找到一個移動預覽按鈕,可讓您查看自定義頁面的。

這可以幫助您設計一個自定義頁面,該頁面在移動設備上看起來和在計算機上一樣好。
當您對自定義頁面感到滿意時,可以通過單擊“保存”旁邊的下拉箭頭,然后選擇“發布”選項來發布它。

您的自定義頁面現在將在您的 上上線。
如果您想在任何時候編輯自定義頁面,只需轉到 SeedProd ? Landing Pages 在您的 WordPress 儀表板中。然后,您可以找到要更改的頁面,然后單擊其“編輯”鏈接。

這將在 SeedProd 的編輯器中打開設計,以便您進行更改。
方法 4.使用 Thrive Architect 在 WordPress 中創建自定義頁面
您還可以使用 創建自定義頁面。Thrive Architect 是另一個流行的 WordPress 拖放頁面構建器。
它帶有 300 多個專業設計的模板,旨在幫助您獲得更多轉化。

首先,您需要安裝并激活 插件。
激活后,轉到 WordPress 管理儀表板中的頁面 ? 新增以創建自定義頁面。然后,單擊“啟動 Thrive Architect”按鈕。

接下來,您可以選擇是創建普通頁面還是預先構建的登錄頁面。
我們建議您單擊“預構建的登錄頁面”,因為它使您可以訪問所有 Thrive 登錄頁面模板。這些模板是完全可定制的,因此您可以微調它們以適合您的 WordPress 網站。

當您找到喜歡的套裝時,只需單擊即可選擇它。
在下圖中,我們選擇“智能著陸頁集”。

在下一個屏幕上,您需要從集中選擇一個特定的模板。
通過單擊模板然后選擇模板,然后點擊“應用模板”按鈕來選擇模板。

這將在 Thrive Architect 編輯器中打開模板。從這里,您可以輕松自定義頁面模板以匹配您的博客、網站或。
例如,您可以通過單擊“標題”然后輸入您自己的自定義消息來更改它。

現在,您將在左側菜單中看到所有自定義選項。在這里,您可以更改排版、字體大小、顏色、格式等。
在左側面板中,您還可以調整自定義頁面的其他設置,例如布局、、邊框、動畫和滾動行為,僅舉幾例。

與 SeedProd 的塊類似,Thrive Architect 帶有許多預構建的元素,您可以將其添加到自定義頁面中。
要向頁面添加新元素,請單擊屏幕右側的“添加元素 (+)”按鈕。

您現在可以從圖像、按鈕、潛在客戶生成表單、定價表、等元素中進行選擇。
要添加元素,只需將其從右側菜單中拖放到您的頁面上即可。

同樣,您可以通過單擊它們來編輯添加到頁面的任何新元素。
當您對頁面的外觀感到滿意時,請單擊“保存工作”按鈕旁邊的箭頭 (^) 按鈕。然后,單擊“保存并返回到帖子編輯器”選項。

然后,您可以將頁面另存為草稿,或發布它以使其顯示在您的 。
發布自定義頁面后,您可以訪問您的網站以查看其運行情況。

我們希望本文能幫助您了解如何在 WordPress 中創建自定義頁面。






