如何使用Beaver Builder創建自定義WordPress佈局


您是否想學習如何在WordPress中創建自定義頁面佈局? 使用Beaver Builder,您無需編寫任何代碼即可創建自己的頁面佈局。 在本文中,我們將回顧Beaver Builder,並向您展示如何使用Beaver Builder在WordPress中創建自定義頁面佈局。

使用Beaver Builder在WordPress中創建自定義頁面佈局

為什麼以及何時需要自定義頁面佈局

許多高級WordPress主題附帶了可用於網站不同部分的頁面佈局。 但是,有時內置佈局可能無法滿足您的需求。

您可以通過創建子主題然後添加自己的頁面模板來在WordPress中創建自定義頁面模板。 但是,您將需要一些PHP,HTML和CSS知識才能起作用。

這是Beaver Builder出現的地方。它是WordPress的拖放頁面構建器插件。 它可以幫助您創建自己的自定義頁面佈局,而無需編寫任何代碼。

海狸生成器評論

Beaver Builder非常易於使用並且對初學者友好。 同時,它具有令人難以置信的功能,可以創建專業外觀的頁面。

它適用於所有WordPress主題,並具有大量模塊,您只需將其拖放到頁面即可。 您可以創建所需的任何佈局,並按照您的想像進行設置。

在此Beaver Builder審查中,我們將向您展示如何使用Beaver Builder在WordPress中創建自定義頁面佈局。

讓我們開始吧。

設置Beaver Builder插件

首先,您需要購買Beaver Builder插件。 它是一個付費插件,無限站點的起價為99美元。

接下來,您需要做的是安裝並激活Beaver Builder插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 設置»頁面構建器 頁面以輸入您的許可證密鑰。

輸入您的Beaver Builder許可證密鑰

輸入許可證密鑰後,現在就可以創建漂亮的頁面佈局了。

使用Beaver Builder創建您的第一個自定義頁面佈局

只需訪問以下網址即可在WordPress中創建一個新頁面 頁»添加新。 您會在WordPress編輯器中註意到一個新的Page Builder標籤。

使用頁面構建器添加新頁面

單擊“頁面構建器”選項卡以啟動Beaver Builder。

如果這是您第一次使用Beaver Builder,則將看到一個歡迎彈出窗口,為您提供帶嚮導的導覽。

目前,您可以單擊“不,謝謝”按鈕以跳過該旅程。 既然如此,我們將在本指南中向您介紹不同的功能,因此您無需進行導覽。

之後,您需要點擊 範本 頂部菜單中的按鈕。

在Beaver Builder中為頁面佈局選擇模板

Beaver Builder帶有一些專業設計的模板,可幫助您立即入門。

不用擔心,您可以根據需要自定義模板。 這只是一種快速入門的方法。

選擇頁面佈局的模板

選擇佈局時,Beaver Builder將在預覽窗口中加載它。 將鼠標移至某個項目,Beaver Builder將突出顯示該項目。

您只需在任何突出顯示的項目上單擊扳手圖標即可對其進行編輯。

在Beaver Builder插件中編輯佈局

Beaver Builder將顯示一個彈出窗口,其中包含您可以編輯的不同設置。 您可以更改文本,顏色,背景,字體,填充,邊距等。

您也可以在實時預覽中單擊一個項目,然後將其拖放到頁面中。

Beaver Builder佈局基於行。 您可以拖放以重新排列行。 您也可以刪除或添加新行。

只需點擊 行佈局 菜單,然後選擇所需的行數。

在Beaver Builder中向頁面佈局添加一行

Beaver Builder會將行添加到您網站上的實時預覽中。

您可以使用基本或高級模塊和小部件將項目添加到行中。 這些模塊允許您添加最常用的元素,例如按鈕,標題,文本,圖像,幻燈片,音頻,視頻等。

只需選擇一個項目並將其拖到剛添加的行即可。 單擊一個項目以編輯其屬性。

您還可以保存一行或一個模塊,以便以後在其他頁面上重複使用。 點擊 另存為 編輯行或模塊時單擊按鈕。

保存模塊以供以後重用

完成頁面編輯後,單擊“完成”按鈕。 Beaver Builder將顯示一個帶有按鈕的彈出窗口,用於將頁面發布或保存為草稿。

在Beaver Builder中保存頁面佈局

您還可以將整個頁面佈局重用於WordPress網站上的其他頁面。 只需使用Page Builder打開頁面,然後單擊頂部欄中的“工具”按鈕。

Beaver Builder將顯示一個彈出窗口。 您可以將頁面另存為模板,或快速創建具有相同佈局的重複頁面。

將佈局另存為模板

在Beaver Builder中管理頁面佈局模板

每個Beaver Builder許可均授予您在不受限制的網站上使用它的權利。 但是,如何將頁面模板從一個WordPress網站移動到另一個?

Beaver Builder將用戶創建的模板存儲在稱為模板的自定義帖子類型中。 默認情況下它是隱藏的,但是您可以通過以下方式使其可見 設置»頁面構建器 並點擊模板標籤。

只需選中“啟用模板管理”選項旁邊的框,然後單擊“保存模板設置”按鈕。

顯示模板管理員

您會注意到一個新的菜單項,標有Templates的模板將出現在WordPress管理欄中。 您另存為模板的所有頁面佈局將顯示在該頁面上。

由於它是自定義帖子類型,因此您可以使用WordPress中的內置導出功能輕鬆導出Beaver Builder模板。

訪問 工具»導出 頁,然後選擇模板。 單擊“下載導出文件”按鈕,WordPress將發送XML文件供您下載。

導出模板

現在登錄到您要在其中導入模板的WordPress網站。 訪問 設置»導入 頁,然後單擊WordPress。

系統將要求您下載並安裝WordPress導入程序插件。 之後,您將可以簡單地上傳模板xml文件並將其導入。

僅此而已,我們希望本文能幫助您使用Beaver Builder在WordPress中創建自定義頁面佈局。 您可能還想查看我們的指南,該指南如何使用Adminimize從WordPress管理員隱藏不必要的項目。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。