Our Blog

Artboard 2

Post: WordPress 「頁面編輯器」與「區塊編輯器」的差異

WordPress 「頁面編輯器」與「區塊編輯器」的差異

Hend

2021-10-29

使用 WordPress 架設網站時,我們可以利用編輯器去編輯文章及頁面,編輯器分為頁面編輯器與區塊編輯器兩種,依照編排和維護需求,兩種編輯器會運用在不同的使用情境下,本篇文章將帶大家了解頁面編輯器與區塊編輯器的差異與使用時機。

何謂「頁面編輯器

頁面編輯器為 WordPress 的外掛之一,常見的頁面編輯器有:Divi BuilderElementorOxygen Builder 等。其編輯模式多以段、欄位的概念,配合豐富的模組,可以使頁面的呈現更加多變、靈活。

頁面編輯器 Elementor 的編輯畫面

何謂「區塊編輯器」?

WordPress 在 5.0 版本之後的內建編輯器,取代了舊版的傳統編輯器,以堆疊區塊的概念編排網頁想要呈現的內容,可以透過區塊小工具將物件新增在內容裡面,如:圖片、影片、按鈕等。

區塊編輯器的編輯畫面

「頁面編輯器」與「區塊編輯器」的差別

頁面編輯器

  • 為 WordPress 的外掛之一,需要另外安裝
  • 若需要進階功能需要付費
  • 模組較為豐富
  • 樣式呈現較彈性
  • 結構較為複雜,容易消耗主機資源

區塊編輯器

  • 爲 WordPress 內建編輯器,不需要另外安裝
  • 可搭配其他擴充外掛增加小工具
  • 內建的模組較少
  • 部分樣式需要透過 CSS 調整
  • 結構較為單純

「頁面編輯器」與「區塊編輯器」的使用時機

頁面編輯器

  • 用於頁面,如:首頁、關於我們、聯絡我們等,內容不常更動的網頁
  • 用於複雜度較高的版面,如:首頁、銷售頁等,可以呈現豐富的效果

區塊編輯器

  • 用於文章:如:部落格、產品內容頁等,會有很多篇幅的網頁
  • 用於單純的版面,如:最新消息等,只需要圖文編排的網頁