WordPress教學佈景主題功能外掛網站製作
什麼是頁面內容編輯器?Elementor, Beaver Builder, Divi Builder 和 Fusion Builder 的基本示範
Elementor, Beaver Builder, Divi Builder 和 Fusion Builder 的示範與比較

進階的內容編輯器的最終目標?
讓使用者不用寫程式就可以做出各種排版的頁面 與新增各種互動式的內容。所見即所得,用視覺化的方式直接建立內容, 用拖拉的方式來改變內容位置等等...
如果用預設的內容編輯器
來編輯網頁時的樣子
頁面排版比較單調
如果用進階的內容編輯器
來編輯網頁時的樣子
頁面排版比較有變化
知名的編輯器有哪些?
Elementor
Beaver Builder
Divi Builder
Fusion Builder
WPBakery Page Builder...
進階的內容編輯器怎麼用?有共通點嗎?

畫棋盤
1. 新增列 Row (Container)
2. 新增欄位 Columns
在格中放置內容
3. 插入元素 Element (Module)

編輯器的簡短示範
進階的內容編輯器都包含什麼功能?
編輯內容區塊 (建立、複製、刪除)
儲存區塊成樣板
從樣板庫快速加入「範例區塊」
在手機上顯示或隱藏
什麼主題都能裝任何內容編輯器嗎?
Elementor/Beaver Builder: 主題要支援全寬的版型
Elementor/Beaver Builder: 主題要可以隱藏頁面標題
Divi Builder 只能用在 Divi 的主題
Fusion Builder 只能用在 Avada 主題
知名的編輯器的最大特色?
- Elementor: 可以「輕鬆完美」掌控邊界空間、可以快速匯入範例「區塊」、可以從「選單模式」快速移動區塊的上下順序。
- Beaver Builder: 搭配 Pods 和 Beaver Themer 可以快速創造自訂內容類型的彙整列表頁面。
- Divi Builder: 可以快速切換「視覺模式」與「區塊模式」的編輯方式
- Fusion Builder: 內建的元素很多,不需額外購買,搭配Avada主題,整體功能彈性大。
- WPBakery Page Builder: 內建的元素很多,不需額外購買元素,可搭配大部分的主題。
內容編輯器的未來?
由於 WordPress 5.0 即將預設搭載 Gutenberg 內容編輯器,其視覺化的編輯方式,是否將完全取代其他現有的內容編輯器?
現有的內容編輯器將做什麼樣的改變?才能與Gutenberg 完美共存?
請和帶路姬一起關注內容編輯器的未來...