使用 WordPress 架設網站時,我們可以利用編輯器去編輯文章及頁面,編輯器分為頁面編輯器與區塊編輯器兩種,依照編排和維護需求,兩種編輯器會運用在不同的使用情境下,本篇文章將帶大家了解頁面編輯器與區塊編輯器的差異與使用時機。
何謂「頁面編輯器」?
頁面編輯器為 WordPress 的外掛之一,常見的頁面編輯器有:Divi Builder、Elementor、Oxygen Builder 等。其編輯模式多以段、欄位的概念,配合豐富的模組,可以使頁面的呈現更加多變、靈活。
何謂「區塊編輯器」?
WordPress 在 5.0 版本之後的內建編輯器,取代了舊版的傳統編輯器,以堆疊區塊的概念編排網頁想要呈現的內容,可以透過區塊小工具將物件新增在內容裡面,如:圖片、影片、按鈕等。
「頁面編輯器」與「區塊編輯器」的差別
頁面編輯器
- 為 WordPress 的外掛之一,需要另外安裝
- 若需要進階功能需要付費
- 模組較為豐富
- 樣式呈現較彈性
- 結構較為複雜,容易消耗主機資源
區塊編輯器
- 爲 WordPress 內建編輯器,不需要另外安裝
- 可搭配其他擴充外掛增加小工具
- 內建的模組較少
- 部分樣式需要透過 CSS 調整
- 結構較為單純
「頁面編輯器」與「區塊編輯器」的使用時機
頁面編輯器
- 用於頁面,如:首頁、關於我們、聯絡我們等,內容不常更動的網頁
- 用於複雜度較高的版面,如:首頁、銷售頁等,可以呈現豐富的效果
區塊編輯器
- 用於文章:如:部落格、產品內容頁等,會有很多篇幅的網頁
- 用於單純的版面,如:最新消息等,只需要圖文編排的網頁