WordPress Elementor｜快速的視覺化編輯器

“  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 🌟 如果你想知道更多品牌電商網站的製作