Elementor 頁面編輯器的使用者介面為圖像視覺化,用拖曳的方式便能編輯頁面,能製作任何頁面,文章、頁面、Portfolio 都可以使用 Elementor ,若使用熟悉後,甚至連 Woocomerce 商品頁、分類頁都可以自訂樣式,不過有些功能是進階付費版才有支援,另外,進階付費版有提供 200 多種的頁面範例模板提供使用。(延伸閱讀:Elementor 頁面編輯器安裝教學

本篇文章教學如何製作頁面。

建立頁面

在 WordPress 後台建立新的頁面,命名標題後先「儲存草稿」,再點擊上方按鈕「使用 Elementor編輯」。

啟用 Elementor 編輯器後,將自動導入前台製作。

插入功能物件

點擊加號紅色「+」,插入欄位

選擇欄位

插入欄位後,便能編輯欄位的樣式或佈局。

在 Elementor 的欄位稱為「段」,所以左側編輯器上顯示編輯段。


點擊編輯器的右上方九宮格按鈕,回到功能物件列表。

將功能物件拖曳至欄的位置。

插入功能物件後,物件內容從編輯器上編輯。

點擊圖示便能叫出媒體插入圖片

製作完成

製作完成時,可以點擊左下角的「發佈」,就能直接正式上線,也可以點擊「三角形」選擇儲存成版型或草稿,選擇儲存版型的話,其他頁面就能直接匯入現在頁面的版型。


延伸閱讀:Elementor 官網介紹

延伸閱讀:WordPress 的頁面內容編輯器是什麼?

延伸閱讀:Elementor 編輯器介紹