“ Elementor－快速上手、美觀、客製化幅度高的內容編輯器 ”
之前和大家介紹過了「Astra Theme」
再來要介紹一下在這個佈景主題內所使用的視覺化編輯器－Elementor Builder。
⭐ 流程說明
以下為今日的操作流程：
１. 安裝編輯器
２. 下載擴充功能
３. 編輯第一個頁面
那麼我們馬上開始吧！
- Step1：先到官網安裝 Elementor 免費版
➡️ 安裝完並啟用後，會跑出這個頁面，代表可以開始使用囉！！
➡️ 再來可以到右邊選Elmentor設定，可以做一些進階設定
- Step2：下載 Ultimate Addons for Elementor
・這是由 Astra theme 提供的功能
・下載完後安裝，你的elementor就會多出很多功能可以使用囉！
（如果本身不是用astra theme那可以考慮是否有要買elementor的付費版本唷～）
- Step3：開始用 Elementor 編輯第一個頁面
以下會舉例做一個簡單的一頁式網頁
📌 Step1：在頁面屬性中，範本的部分選擇「Elementor 畫布」，這樣上排選單就會消失。
📌 Step2：選好了以後，再切換到Elementor編輯器，先點選紅色的＋，選擇你要的架構
📌 Step3：選擇好架構後，就可以填入第一張圖片囉！
Step4：新增第二個區塊填入文案，其他文案與標題都是用本文編輯器，就不再多加贅述。
Step5：開始新增課程大綱，先分成四欄式的架構
📌 Step6：使用「圖示方框」，來新增四個課程大綱唷！
新增完四個後就可以預覽看看唷！
其他還有「圖片轉盤」、「Posts」和常用的功能大家都可以試試看唷！
Elementor真的是非常好用的網站視覺化編輯器。
以下案例也都是用Elementor來調整的，歡迎參考看看。
12小時架出自己的品牌電商網站-銷售頁：https://www.novice-boss.com/wp-ecommerce
國柱叔的HR視野：http://hr-uncle.com
Slash學堂：http://slashacademy.com
如果你想知道更多品牌電商網站的製作