Elementor 是一款拖放式 WordPress 頁面構建器,可讓您輕松設計自定義 WordPress 布局,而無需任何編碼知識。在本文中,我們將向您展示如何使用 Elementor 只需單擊幾下即可輕松創建自定義 WordPress 布局。

Elementor 擁有多個專業設計的模板,您可以立即加載并用作起點。它適用于所有符合標準的 WordPress 主題,并與所有兼容。
Elementor 入門
首先,您需要購買插件。它是免費 Elementor 插件的付費版本,讓您可以使用附加功能和 1 年支持。
接下來,您需要安裝并激活 Elementor 插件。
激活后,您必須訪問Elementor ? 設置頁面來配置插件設置。

在這里,您可以為不同的啟用 Elementor 。默認情況下,它會為您的 WordPress 帖子和頁面啟用。如果您的網站上有,那么這些類型也會出現在此處,并且您也可以啟用它們。
您可以排除或包含在編寫帖子或頁面時可以使用 Elementor 的默認情況下,頁面構建器僅為管理員啟用。
然后,不要忘記單擊“保存更改”按鈕來存儲您的設置。
使用 Elementor 創建自定義 WordPress 布局
首先,您需要在 WordPress 網站上創建一個新頁面或帖子。在帖子編輯屏幕上,您會注意到新的“使用 Elementor 編輯”按鈕。

單擊它將啟動 Elementor 用戶界面,您可以在其中使用 Elementor 的拖放頁面構建器編輯頁面。
您可以添加部分并從頭開始構建頁面,也可以選擇一個模板。

模板為您提供了一種快速、簡單的入門方法。附帶了幾個專業設計的模板,您可以根據需要進行自定義。
讓我們通過單擊“添加模板”按鈕開始創建模板。
這將彈出一個彈出窗口,您可以在其中看到可用的不同模板。您應該尋找與您想要的頁面布局類似的模板。
在我們的示例中,我們正在查看。

現在,您需要單擊選擇您喜歡的模板,然后單擊“插入”按鈕將其添加到您的頁面。
Elementor 現在將為您加載模板。
您現在可以開始編輯模板以滿足您的需求。只需指向并單擊任何元素即可選擇它,Elementor 將在左欄中顯示其設置。

Elementor 布局如何工作
現在,我們來談談 Elementor 布局的工作原理。
Elementor 布局是使用部分、列和小部件構建的。部分就像您放置在頁面上的行或塊。
每個部分可以有多個列,每個部分和列可以有自己的樣式、顏色、內容等。
您可以使用 Elementor 小部件在列和部分中添加任何內容。這些小部件是不同類型的內容塊,您可以將它們放置在 Elementor 部分中。
只需選擇一個小部件并將其放入您的部分或列中即可。有大量可用的小部件,涵蓋了您能想到的所有流行的網頁設計元素。

您可以添加圖像、文本、標題、、視頻、地圖、圖標、推薦、滑塊、輪播等等。
您還可以添加默認的 WordPress 小部件,甚至是由您網站上的其他 WordPress 插件創建的小部件。例如,如果您使用為您的網站創建不同的表單,那么您可以在 Elementor 中使用它的小部件。
完成編輯后,您可以單擊“發布”按鈕旁邊的箭頭來查看不同的保存選項。

注意:保存頁面布局不會在您的上發布頁面,但會保存它。
您現在可以預覽頁面或轉到 WordPress 儀表板。
這將使您返回 WordPress 帖子編輯器。您現在可以保存您的 WordPress 頁面或將其發布到您的網站上。

在 Elementor 中創建您自己的模板
Elementor 允許您將自己的自定義布局保存為模板。這樣,您將來就可以重復使用自己的模板來更快地創建新頁面。
只需使用 Elementor 編輯您想要保存為模板的頁面即可。
在 Elementor 構建器界面中,單擊“發布”按鈕旁邊的箭頭。您現在將看到更多保存帖子的選項。只需單擊“另存為模板”選項即可。

這將彈出一個彈出窗口,您需要在其中提供模板的名稱。
輸入名稱后,單擊“保存”按鈕。

下次創建自定義頁面布局時,您將能夠從“我的模板”選項卡中選擇它。
您所要做的就是單擊自定義頁面布局的“插入”按鈕。

您還可以導出此模板并使用 Elementor 在其他 WordPress 網站上使用它。
只需單擊 3 點圖標,然后單擊“導出”選項。






