Elementor 是市場上最受歡迎的 WordPress 頁面構建器之一。它可以使初學者從頭開始設計整個網站。

為了充分利用 Elementor，您需要對一些功能有很好的了解。首先，您需要利用其模板庫。您還需要了解它的拖放界面、響應式設計功能和 AI 潛力。

Elementor 簡介

過去，頁面構建器是設計 WordPress 網站的最佳方式，而無需處理任何編碼。今天，這可以使用內置的 WordPress 功能（如站點編輯器和塊編輯器）來實現。

但是，像 Elementor 這樣的頁面構建器仍然為您提供了更多的靈活性和自定義選項：

Elementor 使您能夠使用稱為小部件的拖放“元素”創建您的網站。

簡而言之，Elementor 使初學者無需接觸一行代碼即可構建令人驚嘆的專業網站。

Elementor 中的一些功能

模板庫

Elementor 的一大優點是它帶有一個強大的模板庫。這些預制設計可以幫助您根據相匹配的網站樣式實現快速創建的過程。

安裝并激活 Elementor 后，您應該會在菜單中看到一個模板選項卡，當您是第一次使用該插件時，您的保存模板將是空的。但是，如果您使用的是 Elementor 的高級版本，則可以在“主題生成器”部分訪問預制模板：

拖放界面和小部件

點擊 使用 Elementor 編輯 按鈕啟動 Elementor：

左側是 Elementor 菜單，右側是內容區域。在您的 Elementor 菜單/面板中，您會看到所有可以拖放到頁面上的“元素”或小部件。

這些小部件具有簡單的名稱，例如標題、圖像和文本編輯器。它們還分為布局、基本、專業、常規等類別。

要使用小部件，只需單擊它以按住它，然后將其拖到右側。將模塊添加到右側內容區域后，我們的小部件設置會在左側打開。

小部件定制和管理

現在，讓我們嘗試更多小部件自定義功能。

首先創建一個盒子布局，點擊左側 Elementor 菜單中的右上角九宮格小圖標。將“圖像”小部件拖放到盒子中，單擊“選擇圖像”下方的框以上傳添加一個圖像（可以插入URL）。

此時，您可能希望進一步探索它們的“內容”、“樣式”和“高級”選項卡中每個小組件中的自定義設置。

您可以從全局主題顏色中進行選擇，也可以使用顏色選擇器（附有顏色板卡可輸入#000十六進制顏色代碼來定義顏色）。在“高級”構件設置選項卡中，您可以修改布局、背景、邊框等：

了解 Elementor 頁面的更大結構如何工作也很重要。當您將鼠標懸停在任何小組件上時，您會看到一些選項。

點擊x將刪除該小部件。同時，當您單擊x和+ 之間的點時，您將打開該小部件的容器設置：

容器是保存每個頁面元素的框。單擊+ 符號時，可以添加一個新容器。

“發布”旁邊的箭頭展開菜單選項。將您的作品另存為草稿或模板。

默認的容器是帶有內邊距的，需通過點擊高級>邊距鏈接標志進行清除。在容器>布局>換行中可定義內容的排版。

另外，請注意，您使用頁面構建器制作的每個頁面的頂部都會有一個標題，上面寫著“Elementor”，后跟一個數字。這是在創建時生成的。您只需在塊編輯器中打開頁面即可將其刪除。

移動和響應式設計控制

全球95%的用戶使用手機訪問互聯網。因此，每個網站在每臺設備上看起來都很好并正常運行至關重要。

您當前查看所編輯的頁面內容。默認情況下看到的是在PC端的顯示方式，但您也可以切換到移動設備等視圖。

使用響應式 WordPress 主題是確保您的網站適合移動設備的最佳方式，但這些功能非常有價值。

此外，您還可以在“高級”小組件設置中訪問更多響應式功能：

在響應式這里，您可以切換按鈕來隱藏內容在某些設備上顯示。例如，您可以對主頁上的較大視頻執行此操作。

元素 AI

這些功能非常易于使用，您可以使用內置人工智能 （AI） 使用它來生成文本、圖像甚至代碼。在“使用 AI 編輯”按鈕中使用。(需登錄后使用)就像使用任何其他 AI 文本生成器一樣使用它。可讓您更改語氣和翻譯文本。您可以使用它來生成標語、產品描述或您需要的任何類型的內容。