Hello World! 初探 WordPress 5.9 及全站編輯器

WordPress 即將於2022年的 1/25 推出 5.9 版本,並預計於同年4月推出6.0。從 5.8 開始,WordPress 基金會的開發者們不斷的增強區塊編輯器的功能,並在佈景主題中導入 “theme.json” 功能,為日後修改自由度預留伏筆,而此發展到了5.9終於要開花結果:全站編輯功能Full Site Editing (FSE)。

什麼是 theme.json?什麼又是 FSE?

在傳統的佈景主題中,CSS 的屬性會給予顏色、數值等資訊,因此我們需要透過自訂功能中, “附加的 CSS” 的方式去修改、覆寫;但在以 theme.json 架構開發的主題中,允許使用者可以直接設定想要呈現的參數,免去覆寫原始資訊、進而提升系並大幅度的提高自由度。而此功能的極致、便是全站編輯器:Full Site Editing (FSE)

符合全站編輯器的主題可以讓使用者自訂網站中的各項元素,從基本的顏色、字體,到內容版面配置、文章頁版型 (以往需大幅修改或更換佈景主題才能達成)等,讓網站的外觀自訂幾乎不受限。

使用支援 FSE 功能的 Twenty Twenty-Two 主題時,選單功能明顯不同

WordPress 5.9 和之前的版本差異在哪裡?

  • 原生支援全站編輯功能,不需要額外安裝 Gutenberg 編輯器。
  • 使用支援全站編輯功能的主題時,”自訂”、”小工具”、”選單”及”背景”將會被整合進”編輯器”中,且取消 “附加的 CSS” 的選項。
  • 可自訂範圍從基本的 Header、Footer 到 Post 版型、404 頁面,甚至可自訂其他版型使用。
  • 可自訂區塊編輯器中,各元素的預設樣式。
  • 自定項目,可以輕易地刪除並還原成預設樣式。
  • 文章頁可自訂多種樣式,且不須透過Post-Type即可變更樣式

更新 WordPress 5.9 前,應該要知道的事

  • 選單、網站圖示等功能整合進新的 “編輯器” 功能中
  • 預設無 “附加的 CSS” 功能(因為幾乎都能設定)
  • 無法選擇首頁頁面,改由範本管理
  • 建議搭配 PHP 8.0 以上版本的主機環境使用

網站效能大幅度提升

喜歡拿網站去 PageSpeed InsightsGTmetrix 測試的夥伴都知道~原生的 WordPress 系統其實分數不算差,但一旦開始有內容、埋入 GA 或是其他各是追蹤碼之後~分數就會變得越來越慘不忍睹。在 WordPress 5.9 中,由於良好的 CSS 與 JS 控制,一樣原生系統的,即便已經埋入 GA 追蹤碼、仍能取得不錯的成績。

Pagespeed-test
本站 1/13測試結果,另電腦版分數為 90 分

WordPress 5.9 更新幅度不算小,增加許多關於自訂外觀的功能及彈性,但若是舊站升級上去的話其實有不至於太擔心、因為它仍然是你我所熟悉的 WordPress;不過~倘若是一個全新的網站、想嘗試脫離頁面編輯器架構的使用者來說,搭配支援 FSE 主題的 WordPress 5.9 也許是一個契機、讓使用者可以享受自由設計網站、發揮創意的樂趣。

但如果你是相關從業人員:

你終究是要面對它的,不如趁早熟悉它。