WordPress教學佈景主題功能外掛網站製作

什麼是頁面內容編輯器?Elementor, Beaver Builder, Divi Builder 和 Fusion Builder 的基本示範

Elementor, Beaver Builder, Divi Builder 和 Fusion Builder 的示範與比較

進階的內容編輯器的最終目標?

讓使用者不用寫程式就可以做出各種排版的頁面
與新增各種互動式的內容。所見即所得,用視覺化的方式直接建立內容,
用拖拉的方式來改變內容位置等等...

進階的內容編輯器怎麼用?有共通點嗎?

Greek2

畫棋盤

1. 新增列 Row (Container)
2. 新增欄位 Columns

在格中放置內容


3. 插入元素 Element (Module)

Elementor

編輯器的簡短示範

https://youtu.be/4AEif5LM6BM

進階的內容編輯器都包含什麼功能?

編輯內容區塊 (建立、複製、刪除)
儲存區塊成樣板
從樣板庫快速加入「範例區塊」
在手機上顯示或隱藏

什麼主題都能裝任何內容編輯器嗎?

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 完美共存?

請和帶路姬一起關注內容編輯器的未來...

標籤

網站帶路姬 / Erin Lin

Hello~我是Erin Lin,美國網頁設計研究碩士,七年美國工作經驗,2012年成立「Erin Lin 網頁設計工作室」專門設計高質感的WordPress網站。2018年五月,開始「WordPress 網站帶路姬」,希望以輕鬆有趣的方式來分享 WordPress 架站教學與資源給不懂程式的新手與創業站長。

相關文章

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Back to top button
★ 完全免費的影音+圖文教學+ ★

帶路姬陪你用五天的下班時間
做好第一個 WordPress 網站

想完整的學好基礎嗎?快來看看吧!😊
close-link
close-link
close-link
close-link
Close