您想從頭開始創建自定義WordPress主題嗎？
在過去，您必須遵循WordPress codex並具有良好的編碼知識來構建自定義WordPress主題。但是由於新的WordPress主題生成器，現在任何人都可以在一小時內創建一個完全自定義的WordPress主題（無需編碼知識）。
在本文中，我們將向您展示如何輕鬆創建自定義WordPress主題而無需編寫任何代碼。
為初學者創建自定義WordPress主題
與靜態HTML網站不同，WordPress主題是一組用PHP，HTML，CSS和JavaScript編寫的模板文件。通常，您需要對所有這些Web設計語言有一個正確的理解，或聘請Web開發人員來創建自定義WordPress主題。
如果您聘請了開發人員或代理商，那麼自定義WordPress主題的成本可能會達到數千美元。
由於許多小企業主無法負擔自定義WordPress主題的高成本，因此他們中的許多人剛剛決定使用WordPress附帶的默認主題。
那些不想解決並想要自定義的人要麼使用拖放WordPress頁面構建器，要麼使用主題框架來構建自定義主題。
雖然WordPress主題框架使構建WordPress主題變得更容易，但它們是開發人員的解決方案，而不是普通的網站所有者。
另一方面，WordPress頁面構建器插件使用拖放界面創建自定義頁面布局非常容易，但它們僅限於布局。您無法使用它構建自定義主題。
直到Beaver Builder，最好的WordPress頁面構建器插件之一決定用他們的附加組件Beaver Themer來解決這個問題。
Beaver Themer是一個站點構建器附加組件，允許您使用拖放界面創建自定義主題布局，而無需學習編碼。
讓我們來看看如何使用Beaver Themer輕鬆創建WordPress主題。
設置Beaver Themer來構建自定義主題
Beaver Themer是Beaver Builder的附加插件，因此本文需要兩個插件。
首先，您需要安裝並激活Beaver Builder和Beaver Themer插件。有關更多詳細信息，請參閱有關如何安裝WordPress插件的分步指南。
Beaver Themer允許您創建自定義主題，但您仍然需要一個主題開始。我們建議使用包含全寬頁面模板的輕量級主題作為您的首發主題。
您可以在WordPress.org主題目錄中找到許多此類主題。大多數現代WordPress主題包括全寬模板。我們的首選是：
- Astra – 免費的輕量級通用WordPress主題，內置支持Beaver Builder。
- OeanWP – 另一種流行的免費多用途WordPress主題，帶有完整頁面構建器支持。
- StudioPress主題 – 他們的所有主題都與Beaver Builder兼容，並且可以與Beaver Themer一起使用。
為了本教程的目的，我們將使用Astra，它重量輕，易於自定義WordPress主題。
為海狸設置你的主題
在使用Beaver Themer構建自定義WordPress主題時，確保Beaver Themer可以訪問頁面的整個主體（從邊緣到邊緣）非常重要。
這是默認的Astra布局。正如您所看到的，此布局包含一個側邊欄，使用Beaver Themer時很難處理。
您可以訪問網站的管理面板進行更改，然後導航到外觀»自定義頁面。從這裡，您需要切換到Layout»Sidebars選項卡。
在那裡，只需在默認布局選項下選擇「無邊欄」，然後單擊「發布」按鈕以保存更改。
您的主題現在將開始使用沒有側邊欄的布局。這是與Beaver Themer一起使用的最佳布局。
這種全頁面布局允許Beaver Themer使用屏幕的每一寸，因此您可以創建美麗的端到端視覺體驗。
大多數WordPress主題包括全寬頁面的模板文件。如果您正在使用其他主題，則可能會在主題設置中找到刪除側邊欄的選項。
如果您找不到它，請聯繫您的主題開發人員，他們可能會幫助您。
將主題設置為全寬布局後，即可使用Beaver Themer創建自定義WordPress主題。
快速海狸Themer Fundamentals
海狸Themer在Beaver Builder之上工作。作為頁面構建器插件，Beaver Builder允許您將項目拖放到頁面以創建自定義布局。
它具有以下可在布局中使用的項目：
- 模板：列行的集合，以及構成整個頁面布局的模塊。
- 列：垂直布局模塊，有助於水平對齊內容。
- 行：多個模塊的水平集合
- 模塊：輸出特定信息的項目，如標題，文本塊，表格，圖庫等。
只需在Beaver Builder中編輯頁面，然後單擊右上角的添加按鈕。然後，您可以將列，行，模塊拖放到頁面中並立即開始編輯它們。
如果您不想從頭開始，請從預先製作的模板列表中選擇。
Beaver Builder還允許您保存布局，然後將其用作模板。
要了解更多信息，請參閱有關如何使用Beaver Builder創建自定義頁面布局的文章。
但是，我們不只是想創建頁面布局。我們想要創建一個完整的自定義主題。
這是Beaver Themer進來的時候。
它為Beaver Builder添加了另一個名為「Themer Layout」的項目。
這些布局允許您為頁眉，頁腳，內容區域，404頁面和其他模板部件創建自定義布局。
這些是所有WordPress主題的構建塊，通過使用它們，您將能夠創建適合您需求的自定義主題。
使用Beaver Themer模板創建自定義WordPress主題
在以下說明中，我們將引導您完成構建最流行的自定義主題元素所需的步驟。當您完成時，您將完全將基本主題轉換為完全自定義的WordPress子主題。
為您的主題構建自定義標題
讓我們從您網站的標題區域開始。自定義標題是一個主題的必要成分，並且建立一個可使用傳統的方法是非常棘手。
幸運的是，Beaver Themer內置了標題功能。您可以使用預先創建的模板，也可以使用具有兩列布局的菜單和圖像模塊。
為了進入這個標題區域，首先，我們需要在Beaver Themer中設置標題布局。訪問Beaver Builder»添加新頁面並為標題提供標題。
之後，選擇「Themer Layout」作為類型，選擇「Header」作為布局選項。完成後，單擊「添加Themer Layout」按鈕繼續。
這將帶您進入布局設置頁面。從這裡，您需要選擇「整個網站」作為將顯示標題模板的位置。
接下來，單擊「Launch Beaver Builder」按鈕以打開構建器界面。
Beaver Builder將以基本單列和雙行標題布局作為起點啟動。
您可以使用相同的Beaver Builder拖放工具來更改背景，顏色，文本等。您還可以通過單擊右上角的添加按鈕添加其他模塊，載入預製模板以及添加行/列角。
對設計滿意後，單擊「完成」按鈕以保存或發布布局。
您現在可以訪問您的網站，查看您的自定義主題標題。如您所見，我們已將標題布局應用於自定義主題。
除了標題之外，您還不會顯示任何內容，並且您可能會看到基本主題的頁腳區域。
讓我們改變這一點。
為您的主題構建自定義頁腳
您可以使用Beaver Themer為您的主題創建自定義頁腳，就像您創建自定義頁眉一樣。
前往Beaver Builder»添加新頁面並為頁腳布局提供標題。接下來，選擇’Themer Layout’作為類型，選擇’Footer’作為布局選項。
單擊「添加Themer Layout」按鈕繼續。
這將帶您進入布局設置頁面。從這裡，您需要選擇「整個網站」作為模板將在其上顯示的位置。
之後，單擊「啟動Beaver Builder」按鈕以打開構建器界面。
Beaver Builder將使用三列來啟動頁腳布局。您可以使用此布局作為起點並開始編輯。
您可以添加模塊，文本塊或任何其他所需的內容。您可以隨時更改顏色，字體，添加背景圖像等。
對設計滿意後，單擊「完成」按鈕以保存或發布布局。
為帖子和頁面構建內容區域
現在我們已經為每個頁面創建了頁眉和頁腳，並在網站上發布，現在是時候構建帖子或頁面主體（內容區域）了。
我們將通過在Add New頁面中添加’Singular’布局，以與構建頁眉和頁腳的方式相同的方式開始。
接下來，您將選擇顯示此布局的位置。您可以選擇單數形式將其用於所有單個帖子和頁面，或者您可以選擇帖子或僅選擇頁面。
之後，單擊「啟動Beaver Builder」按鈕以打開構建器界面。
Beaver Builder將在頂部載入帶有帖子/頁面標題的樣本單一布局，然後是內容，作者生物框和評論區域。
您可以指向並單擊以編輯任何這些項目，或根據需要添加新模塊，列和行。
對布局感到滿意後，單擊「完成」按鈕以保存並發布更改。
您現在可以訪問您的網站以查看它的實際效果。
為自定義主題創建存檔布局
現在您的自定義主題已經開始形成，您可以繼續為網站的其他部分創建布局。存檔頁面是WordPress顯示您的類別，標籤，作者和月度檔案的地方。
讓我們為您的自定義主題中的存檔頁面創建一個布局。
您將首先訪問Beaver Builder»添加新頁面並為您的存檔布局提供標題。
之後，選擇「Themer Layout」作為類型，選擇「Archive」作為布局選項。單擊「添加Themer Layout」按鈕繼續。
這將帶您進入布局設置頁面。在這裡，您需要選擇「所有存檔」作為模板顯示的位置。您還可以為每個歸檔類型創建單獨的布局，如日期，搜索結果，類別，標籤等。
之後，單擊「啟動Beaver Builder」按鈕以打開構建器界面。
Beaver Builder將使用基本的單列存檔布局啟動。它將在頂部顯示存檔標題，後面是帖子。
您可以指向並單擊任何項目以編輯其屬性。您還可以根據需要添加新模塊，行和列。
之後，單擊「完成」按鈕以保存並發布更改。
為自定義WordPress主題創建其他布局
Beaver Themer還允許您為模板層次結構中的其他頁面創建布局，例如，404頁面，模板部件，搜索結果頁面等。
使用Beaver Builder的內置拖放功能，您可以輕鬆地從頭開始創建自己的自定義WordPress主題，而無需編寫代碼。這是真正最友好的WordPress主題開發方法。
我們希望本文能幫助您學習如何在不學習代碼的情況下創建自定義WordPress主題。您可能還希望看到我們的指南，了解如何加快您的WordPress網站，以獲得更好的搜索引擎優化和用戶體驗。