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

四種編輯器的簡短示範

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

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

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

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

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

標籤

網站帶路姬 / Erin Lin

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

相關文章

2 則留言

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

    謝謝~

發佈留言

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

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

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

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