您想了解如何在 wordpress 中創(chuàng)建自定義頁(yè)面布局嗎?beaver builder允許您創(chuàng)建自己的頁(yè)面布局,而無需編寫任何代碼。在本文中,我們將回顧 beaver builder 并向您展示如何使用 beaver builder 在 wordpress 中創(chuàng)建自定義頁(yè)面布局。
為什么以及何時(shí)需要自定義頁(yè)面布局
許多高級(jí)wordpress 主題都為網(wǎng)站的不同部分提供了現(xiàn)成的頁(yè)面布局。但是,有時(shí)內(nèi)置布局可能無法滿足您的需求。
您可以通過創(chuàng)建子主題然后添加您自己的頁(yè)面模板來在 WordPress 中創(chuàng)建自定義頁(yè)面模板。但您需要一些 php、html 和 css 知識(shí)才能實(shí)現(xiàn)這一點(diǎn)。
這就是Beaver Builder 的用武之地。它是WordPress 的拖放頁(yè)面構(gòu)建器插件。它可以幫助您創(chuàng)建自己的自定義頁(yè)面布局,而無需編寫任何代碼。
海貍生成器評(píng)論
Beaver Builder 非常易于使用并且對(duì)初學(xué)者友好。同時(shí),它還具有令人難以置信的功能,可以創(chuàng)建具有專業(yè)外觀的頁(yè)面。
它適用于所有 WordPress 主題,并擁有大量模塊,您只需將其拖放到頁(yè)面即可。您可以創(chuàng)建任何您想要的布局,并按照您想象的方式進(jìn)行設(shè)置。
在這篇 Beaver Builder 評(píng)論中,我們將向您展示如何使用 Beaver Builder 在 WordPress 中創(chuàng)建自定義頁(yè)面布局。
讓我們開始吧。
設(shè)置 Beaver Builder 插件
首先您需要購(gòu)買Beaver Builder插件。它是一個(gè)付費(fèi)插件,起價(jià) 99 美元,無限站點(diǎn)。
接下來,您需要安裝并激活 Beaver Builder 插件。有關(guān)更多詳細(xì)信息,請(qǐng)參閱我們有關(guān)如何安裝 WordPress 插件的分步指南。
激活后,您需要訪問“設(shè)置”?“頁(yè)面生成器”頁(yè)面以輸入您的許可證密鑰。
輸入許可證密鑰后,您現(xiàn)在就可以創(chuàng)建漂亮的頁(yè)面布局了。
使用 Beaver Builder 創(chuàng)建您的第一個(gè)自定義頁(yè)面布局
只需訪問Pages ? Add New即可在 WordPress 中創(chuàng)建一個(gè)新頁(yè)面。您會(huì)注意到 WordPress 編輯器中出現(xiàn)了一個(gè)新的“頁(yè)面生成器”選項(xiàng)卡。
單擊“頁(yè)面生成器”選項(xiàng)卡啟動(dòng) Beaver 生成器。
如果這是您第一次使用 Beaver Builder,那么您將看到一個(gè)歡迎彈出窗口,為您提供指導(dǎo)。
此時(shí),您可以單擊“不,謝謝”按鈕來跳過游覽。因?yàn)槲覀儗⒁龑?dǎo)您了解本指南中的不同功能,所以您不需要參觀。
之后,您需要單擊頂部菜單中的“模板”按鈕。
Beaver Builder 附帶了一些專業(yè)設(shè)計(jì)的模板,可幫助您立即開始。
不用擔(dān)心,您可以根據(jù)需要自定義模板。這只是讓您開始布局的快速方法。
當(dāng)您選擇布局時(shí),Beaver Builder 會(huì)將其加載到預(yù)覽窗口中。將鼠標(biāo)移到某個(gè)項(xiàng)目上,Beaver Builder 會(huì)突出顯示該項(xiàng)目。
您只需單擊任何突出顯示的項(xiàng)目上的扳手圖標(biāo)即可對(duì)其進(jìn)行編輯。
Beaver Builder 將顯示一個(gè)彈出窗口,其中包含您可以編輯的不同設(shè)置。您可以更改文本、顏色、背景、字體、填充、邊距等。
您還可以單擊實(shí)時(shí)預(yù)覽中的某個(gè)項(xiàng)目,然后拖放以將其在頁(yè)面上移動(dòng)。
Beaver Builder 布局基于行。您可以拖放來重新排列行。您還可以刪除或添加新行。
只需單擊“行布局”菜單,然后選擇您想要的行中的列數(shù)。
Beaver Builder 會(huì)將行添加到您網(wǎng)站上的實(shí)時(shí)預(yù)覽中。
您可以使用基本或高級(jí)模塊和小部件將項(xiàng)目添加到行中。這些模塊允許您添加最常用的元素,如按鈕、標(biāo)題、文本、圖像、幻燈片、音頻、視頻等。
只需選擇一個(gè)項(xiàng)目并將其拖動(dòng)到剛剛添加的行即可。單擊一個(gè)項(xiàng)目可編輯其屬性。
您還可以保存行或模塊以便稍后在其他頁(yè)面上重復(fù)使用。編輯行或模塊時(shí)單擊“另存為”按鈕。
完成頁(yè)面編輯后,單擊“完成”按鈕。Beaver Builder 將顯示一個(gè)彈出窗口,其中包含用于發(fā)布頁(yè)面或?qū)㈨?yè)面保存為草稿的按鈕。
您還可以將整個(gè)頁(yè)面布局重復(fù)用于 WordPress 網(wǎng)站上的其他頁(yè)面。只需使用頁(yè)面生成器打開頁(yè)面,然后單擊頂部欄中的“工具”按鈕即可。
Beaver Builder 將向您顯示一個(gè)彈出窗口。您可以將頁(yè)面另存為模板,或快速創(chuàng)建具有相同布局的重復(fù)頁(yè)面。
在 Beaver Builder 中管理頁(yè)面布局模板
每個(gè) Beaver Builder 許可證都允許您在無限的網(wǎng)站上使用它。但是如何將頁(yè)面模板從一個(gè) WordPress 網(wǎng)站移動(dòng)到另一個(gè)網(wǎng)站呢?
Beaver Builder 將用戶創(chuàng)建的模板存儲(chǔ)在稱為模板的自定義帖子類型中。默認(rèn)情況下它是隱藏的,但您可以通過轉(zhuǎn)到“設(shè)置”?“頁(yè)面生成器”并單擊“模板”選項(xiàng)卡使其可見。
只需選中“啟用模板管理”選項(xiàng)旁邊的框,然后單擊“保存模板設(shè)置”按鈕即可。
您會(huì)注意到 WordPress 管理欄中會(huì)出現(xiàn)一個(gè)標(biāo)有“模板”的新菜單項(xiàng)。您另存為模板的所有頁(yè)面布局都將顯示在該頁(yè)面上。
由于它是自定義帖子類型,因此您可以使用 WordPress 中的內(nèi)置導(dǎo)出功能輕松導(dǎo)出 Beaver Builder 模板。
訪問工具 ? 導(dǎo)出頁(yè)面并選擇模板。單擊“下載導(dǎo)出文件”按鈕,WordPress 將發(fā)送一個(gè) xml 文件供您下載。
現(xiàn)在登錄到您要導(dǎo)入模板的 WordPress 站點(diǎn)。訪問設(shè)置 ? 導(dǎo)入頁(yè)面并單擊 WordPress。
系統(tǒng)會(huì)要求您下載并安裝 WordPress 導(dǎo)入器插件。之后,您將能夠簡(jiǎn)單地上傳模板 xml 文件并導(dǎo)入它。
就這樣,我們希望本文能夠幫助您使用 Beaver Builder 在 WordPress 中創(chuàng)建自定義頁(yè)面布局。您可能還想查看我們的指南,了解如何使用 Adminimize 從 WordPress 管理員隱藏不必要的項(xiàng)目。