如何創建自定義WordPress布局(逐步)

[ad_1]

您是否要為網站創建自定義WordPress布局,以使其具有獨特的外觀?

無論您的技能如何,都可以輕鬆構建自定義WordPress布局,而無需僱用開發人員。

在本文中,我們將向您展示如何使用知名的網站創建自定義WordPress布局 WordPress頁面構建器插件,Beaver Builder。

你們中的許多人都想知道,為什麼在您可以簡單地創建自定義布局時 選擇一個高級主題 並以其預先構建的布局之一開始您的頁面。

為什麼要創建自定義WordPress布局

您會發現許多高級WordPress主題,這些主題提供了多種出色的內置布局,可以立即使用。您絕對可以選擇這些精美的布局,並給您的網站一個吸引人的外觀。

但是這種布局的問題在於,由於其易用性,它們被網路上成千上萬的用戶廣泛使用。

這意味著,如果您為WordPress網站使用的是預先構建的布局,除非您對其進行大量自定義,否則您將無法給出獨特的外觀。此外,這些布局也可能無法滿足您的要求。在這些情況下,構建自定義布局是最佳選擇。

創建自定義WordPress布局

為您的網站創建外觀精美的自定義布局的最佳方法是使用 Beaver Builder插件。 Beaver Builder是一個流行的拖放頁面構建器插件,可讓您在幾分鐘內創建一些最令人驚嘆的布局。

海狸生成器

這個插件最好的是靈活性(如果提供)。您幾乎可以控制任何事情。

顏色,文本,字體,圖像–一切都可以完全自定義,以得到您夢always以求的精確外觀。

您會喜歡Beaver Builder的另一件事是,它與其他任何頁面構建器插件都不一樣,它完全適合初學者使用,您無需花費大量時間來弄清楚如何使用它。此外,它還提供了許多視覺上令人讚歎的模板,以幫助您入門。

查看我們的Beaver Builder評論 這裡。現在,讓我們看看如何使用此插件創建自定義布局。

步驟1:在WordPress中安裝和設置Beaver Builder

第一步是 安裝並激活 您網站上的Beaver Builder。您可以通過以下方式下載插件: Beaver Builder的網站。激活後,轉到「設置」»「頁面構建器」。

Beaver Builder設置

您可以在此處輸入許可證密鑰以啟用支持並接收更新。完成後,您就可以創建自己的第一個自定義布局。

第2步:創建第一個自定義布局

要創建您的第一個自定義布局,請轉至WordPress儀錶板上的所有頁面»添加新內容。在文本編輯器上,您可以選擇切換到頁面構建器。

只需點擊此選項,您就會看到頁面構建器標籤正在啟動。您會在此處看到幾個模板選項。因此,請為您的布局選擇最喜歡的布局。您也可以單擊下拉箭頭,然後選擇所需的布局類型。這可以用於您的登錄頁面或內容頁面。

完成後,您將被定向到其拖放生成器。要編輯特定欄位,只需將滑鼠懸停在該特定區域上,然後單擊它並開始自定義您的設計。

您最多可以在布局中添加6列,側邊欄,音頻,圖像,分隔符等。要添加行和側欄,請單擊「行布局」選項卡。然後將所需的列數拖放到可視生成器中。


添加列後,只需單擊它們並對其進行自定義即可滿足您的要求。您可以更改背景,文本顏色,為列添加鏈接,文本,邊框等。這些列和行也可以保存以備後用。為此,只需單擊彈出窗口末尾的「保存」按鈕。

對於其他元素,您需要使用「基本模塊」選項。您還可以將其他一些元素添加到布局中,例如按鈕,手風琴,價格表,地圖,倒數計時器等。

您只需要從右側拖動元素,然後將其拖放到左側的可視生成器中即可。這些元素中的每一個都是可定製的。因此,例如,如果要添加新的標題,只需單擊「標題」並將其拖放到布局中即可。之後,單擊「標題」元素以對其進行自定義。

您將在此處擁有3個不同的標籤。一般,風格和進階。第一個允許您將文本,鏈接等添加到標題中。第二個選項卡使您可以使用不同的顏色,字體等來設置標題樣式。「高級」選項使您可以處理頁邊距,可見性,響應性,動畫等。


您可以使用相同的方法添加任意數量的元素和模塊,然後對其進行自定義以滿足您的要求。

編輯布局後,單擊屏幕右上角的「完成」按鈕。您會看到一個新的彈出窗口,其中包含幾個不同的選項,如下面的屏幕快照所示。

海狸生成器保存布局

使用這些選項,您可以保存,發布或放棄草稿。

第3步:重新使用布局

使用Beaver Builder,您還可以保存自定義WordPress布局並在需要時隨時重複使用。要使用此選項,請轉到屏幕右上角的工具。您會在屏幕上看到以下選項。

海狸生成器工具

現在,根據您的要求,選擇選項。如果要使用模板供以後使用,請單擊「保存模板」選項,然後命名您的布局。之後,點擊保存按鈕。

WordPress的布局節省模板

步驟4:管理您的模板

使用Beaver Builder創建的布局可以在無限的網站上使用。由其用戶創建的模板存儲在 自定義帖子類型 稱為模板。

默認情況下,此選項是隱藏的。您可以轉到設置»頁面構建器»模板選項卡使其可見。


現在,單擊「啟用模板管理」選項,然後單擊「保存模板設置」按鈕。完成此操作後,您會注意到一個名為「模板」的新菜單項出現在WordPress管理欄中。您另存為模板的所有頁面布局將顯示在該頁面上。

導出WordPress布局

由於您創建的布局保存為自定義帖子類型,因此您可以輕鬆導出Beaver Builder模板。為此,您具有WordPress中的內置導出功能。要使用此功能,請轉到工具»導出頁面。

WordPress的布局導出

現在選擇模板。單擊下拉箭頭,然後選擇要導出的模板。之後,點擊「下載導出文件」按鈕,WordPress將發送XML文件供您下載。

導入Beaver Builder布局

要導入布局,請轉至您要在其中導入此布局的網站的儀錶板。現在轉到設置»導入»WordPress。單擊WordPress選項卡下的立即安裝選項。這將下載並安裝WordPress導入程序插件。

插件下載完成後,您可以上傳剛剛下載的XML文件。現在,您的布局也可以在其他站點上使用了。

就是這樣。希望您喜歡我們的文章。如果這樣做,您可能還想知道其他一些 Beaver Builder的替代品 您可以嘗試一下。

帖子 如何創建自定義WordPress布局(逐步) 首先出現 IsItWP-WordPress技術查詢工具

相關文章