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


是否想在WordPress中創建自己的自定義頁面佈局? Elementor是一個拖放式WordPress頁面構建器,它使您無需任何編碼知識即可輕鬆創建自定義WordPress佈局。 在本文中,我們將向您展示如何只需單擊幾下即可使用Elementor輕鬆創建自定義WordPress佈局。

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

為什麼以及何時需要自定義WordPress佈局?

許多免費和高級WordPress主題都為不同類型的頁面提供了多種佈局選擇。 但是,有時這些佈局都不符合您的要求。

如果您知道如何使用PHP,HTML和CSS進行編碼,則可以創建自己的頁面模板,甚至可以為您的站點構建子主題。 但是,大多數WordPress用戶不是開發人員,因此此選項不適用於他們。

如果您僅可以使用拖放界面創建頁面佈局,那不是很好嗎?

這正是Elementor所做的。 它是一個拖放式WordPress頁面構建器插件,可讓您輕鬆創建自己的自定義WordPress佈局,而無需任何編碼技能。

它具有直觀的用戶界面,可讓您通過實時預覽構建自定義佈局。 它帶有許多可用於各種Web設計元素的現成模塊。

有幾個專業設計的模板,您可以立即加載並用作起點。 它適用於所有符合標準的WordPress主題,並且與所有流行的WordPress插件兼容。

話雖如此,讓我們看一下如何使用Elementor創建自定義WordPress佈局。

Elementor入門

首先,您需要購買Elementor Pro插件。 它是免費的Elementor插件的付費版本,可讓您使用其他功能和1年的支持。

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

激活後,您需要訪問 Elementor»設置 頁面以配置插件設置。

元素設置

您可以在此處為不同的帖子類型啟用Elementor。 默認情況下,您的WordPress帖子和頁面啟用了此功能。 如果您的網站上有自定義帖子類型,則這些類型也將顯示在此處,您也可以啟用它們。

您可以排除或包括在撰寫文章或頁面時可以使用Elementor的用戶角色。 默認情況下,僅對管理員啟用。

不要忘記單擊“保存更改”按鈕來存儲您的設置。

使用Elementor創建自定義WordPress佈局

首先,您需要在WordPress網站上創建一個新頁面(或發布)。 在帖子編輯屏幕上,您會注意到新的“使用Elementor編輯”按鈕。

使用Elementor按鈕編輯

單擊它會啟動Elementor用戶界面,您可以在其中使用Elementor的拖放頁面構建器來編輯頁面。

Elementor構建器界面

現在,您可以添加部分並從頭開始構建頁面,也可以添加模板。

模板是快速入門的更快方法。 Elementor附帶了幾個專業設計的模板,您可以根據需要進行自定義。

讓我們從單擊“添加模板”按鈕的模板開始。

這將彈出一個彈出窗口,您可以在其中看到不同的模板。 您應該尋找一個與頁面佈局相似的模板。

選擇並插入模板

現在,單擊以選擇所需的模板,然後單擊“插入”按鈕將其添加到您的頁面。

Elementor現在將為您加載模板。

現在,您可以開始編輯模板以滿足您的需求。 只需指向並單擊任何元素以將其選中,然後Elementor就會在左欄中顯示其設置。

在Elementor中編輯項目

現在讓我們討論一下Elementor佈局是如何工作的。

Elementor佈局是使用節,列和小部件構建的。 節就像放在頁面上的行或塊。

每個部分可以具有多個列,每個部分和列可以具有自己的樣式,顏色,內容等。

在Elementor中編輯節和列

您可以使用Elementor小部件在列和部分中添加任何內容。

這些小部件是您可以放置​​在Elementor部分中的另一種內容塊。

只需選擇一個小部件並將其放入您的部分或列中。 有大量可用的小部件,這些小部件涵蓋了您可以想到的所有流行的Web設計元素。

Elementor小部件

您可以添加圖像,文本,標題,圖像庫,視頻,地圖,圖標,推薦書,滑塊,輪播等。

您還可以添加默認的WordPress小部件,甚至添加站點上其他WordPress插件創建的小部件。

完成編輯後,可以單擊“保存”按鈕以保存您的更改。

保存並退出Elementor

注意: 保存佈局不會在您的WordPress網站上發布頁面。 它只會保存您的頁面佈局。

現在,您可以預覽頁面或轉到WordPress儀表板。

這將帶您回到WordPress帖子編輯器。 您現在可以保存WordPress頁面或將其發佈在您的網站上。

發布頁面

在Elementor中創建自己的模板

Elementor允許您將自己的自定義佈局保存為模板。 這樣,您可以重複使用自己的模板,以在將來更快地創建新頁面。

只需使用Elementor編輯您要另存為模板的頁面即可。

在Elementor構建器界面中,單擊保存按鈕旁邊的文件夾圖標,然後選擇“保存模板”。

保存您的模板

這將彈出一個彈出窗口,您需要在其中提供模板名稱,然後單擊保存按鈕。

模板名稱

下次創建自定義頁面佈局時,您可以從“我的模板”標籤中選擇它。

自定義模板

您還可以導出此模板,並使用Elementor在其他WordPress網站上使用它。

您將需要訪問 元素»圖書館 頁以查看您保存的模板。 將鼠標移到模板名稱上,然後單擊“導出模板”鏈接。

導出模板

下載完模板文件後,您可以使用Elementor轉到另一個WordPress網站上的庫頁面,然後導入模板。

目前為止就這樣了。

我們希望本文能幫助您學習如何使用Elementor創建自定義WordPress佈局。 您可能還希望查看有關如何加快WordPress並提高性能的分步指南。

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