首頁 功能外掛 什麼是 頁面編輯器?Elementor, Beaver Builder, Divi Builder 和 Fusion Builder 的基本示範

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

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

發佈日期: 上次更新: 2 留言 6,155 瀏覽
Elementor

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

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

如果用預設的內容編輯器
來編輯網頁時的樣子

頁面排版比較單調

如果用進階的內容編輯器
來編輯網頁時的樣子

頁面排版比較有變化

知名的編輯器有哪些?

Elementor
Beaver Builder
Divi Builder
Fusion Builder
WPBakery Page Builder

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

Greek2

畫棋盤

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

在格中放置內容


3. 插入元素 Element (Module)

Elementor

四種編輯器的簡短示範

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

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

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

Elementor/Beaver Builder: 主題要支援全寬的版型
Elementor/Beaver Builder: 主題要可以隱藏頁面標題 Divi Builder 只能用在 Divi 的主題
Fusion Builder 只能用在 Avada 主題
UX Builder 只能用在 Flatsome 主題

知名的編輯器的最大特色?

  • Elementor: 
可以「輕鬆完美」掌控邊界空間、可以快速匯入範例「區塊」、可以從「選單模式」快速移動區塊的上下順序、可以搭配 Toolset來建立動態內容的網站。
  • Beaver Builder: 
搭配 Pods 和 Beaver Themer 可以快速創造自訂內容類型的彙整列表頁面。
  • Divi Builder: 可以快速切換「視覺模式」與「區塊模式」的編輯方式
  • Fusion Builder: 
內建的元素很多,不需額外購買,搭配Avada主題,整體功能彈性大。
  • WPBakery Page Builder: 內建的元素很多,不需額外購買元素,可搭配大部分的主題。

內容編輯器的未來?

WordPress 5.0 起預設搭載 Gutenberg 內容編輯器,其視覺化的編輯方式,是否將完全取代其他現有的內容編輯器?

現有的內容編輯器將做什麼樣的改變?才能與Gutenberg 完美共存?

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

內容編輯器哪裡買?

Elementor 官方網站 Beaver Builder 官方網站 Divi Builder 官方網站 Fusion Builder /Avada 主題官方網站 WPBakery Page Builder 官方網站

留言給帶路姬吧!

2 留言

CoX 2020-09-23 - 4:41 下午

Erin姐姐,請問Avada兼容beaver builder嗎? 正在使用avada,想嘗試bb的不同功能,又擔心不兼容會讓網站出bug

謝謝~

回答
網站帶路姬 / Erin Lin 2020-09-28 - 2:28 下午

不太建議使用Avada,又搭配其他的編輯器喔,主要是會拖累效能與速度。

回答
訂閱電子報 (週四寄)
帶路姬的文章重質不重量,所以請訂閱我的電子報,以確保會收到更多優質教學好文喔!
聯盟分潤聲明

此站內容為Erin的真實架站經驗分享,部分推薦的商品有參加 聯盟計畫,您若點選文中的連結而購買商品,Erin可以從中獲取一點分潤。不過Erin 100%保證,只誠懇推薦自己親身試用過的好東西。(什麼是聯盟計畫?)

支持帶路姬

假如你很喜歡帶路姬的文章,希望鼓勵帶路姬繼續寫作,幫助WordPress新手,與推廣WordPress,不如贊助一下帶路姬吧!

追蹤帶路姬
帶路姬人氣

網站成立:2018/05/01
總瀏覽量:1,577,999 (2021/1/27)
總訪客量:372,991 (2021/1/27)
Alexa 排名:全台灣第 906名 (2021/1/27)

© WordPress 網站帶路姬 2018~2021 版權所有 |  本站使用 Soledad主題 + Elementor Pro 編輯器   | 推薦使用 Cloudways主機

★ 完全免費的影音+圖文教學+ ★

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

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