什麼是全站編輯 (Full Site Editing)?

  1. 所有頁面上看到的內容都是一個區塊,例如 Logo 或是網站標題
  2. 你可以在編輯器編輯範本或範本組件
  3. 全站編輯會移除「自訂」和「小工具」選單
  4. 開發者會使用 HTML 範本而不是 PHP,以及使用區塊註解(block comments)和標記而不是 PHP 函式

編輯器和佈景主題如何配合

當你在網站編輯器或是範本編輯器儲存設計時,WordPress 會將設計儲存在資料庫中。在佈景主題中的檔案不會被更新,網站會使用儲存的範本。

WordPress 會儲存內容和標記在兩個新的內容類型 (post type):wp_templates 和 wp_template_part

佈景主題設定檔 (theme.json)

theme.json是用來設定區塊的預設值,例如內容寬度、文字顏色或背景色等外觀設定。
你也可以用來啟用或是關閉功能。

降低佈景主題開發的障礙

全站編輯將降低佈景主題的開發障礙,對於佈景主題作者來說,不需要再處理自訂以及小工具和 post meta boxes。

支援全站編輯的佈景主題將會更容易被建置,而且會包含更少的檔案和更少的 CSS。

如何測試全站編輯

通常在 WordPress 正式發佈之前都會有一段時間,而這段時間網站管理者或是開發者就可以透過測試版本來進行測試,避免正式版本釋出後更新到網站出問題,開發者也可以提早針對有問題的功能進行相對應的修改。隨著 WordPress 5.9 即將發佈,建議站長和開發者儘早測試新版本在自己網站上和客製化功能的相容性。本篇文章即在介紹如何測試最新版本 WordPress 的全站編輯功能。

步驟1 – 安裝 WordPress

如果你要測試開發中的 Gutenberg 功能,至少要 WordPress 5.8 以上的版本。另一個方式是安裝開發中的 WordPress 分支版本。如果你安裝開發中的 WordPress 分支版本,你可以選擇搭配 Gutenberg 外掛進行測試,或是不使用 Gutenberg 外掛也可以,因為 Guteberg 外掛會合併進入到之後發佈的 WordPress 區塊編輯器中。

步驟2 – 安裝 Gutenberg

要讓全站編輯功能可以啟用,你必須要安裝最新版本的 Gutenberg 外掛。你可以在 WordPress 後台進行安裝,或是到 WordPress 官方外掛目錄下載。https://wordpress.org/plugins/gutenberg/

你也可以使用開發中的 Gutenberg 外掛,但這不是必需的。你可以從 Gutenberg 的 Github 存放庫來下載最新開發中的 Gutenberg。

git clone https://github.com/WordPress/gutenberg

下一步使用命令列工具到 Gutenberg 的目錄下執行

npm install

最後再執行

npm run build

如果你沒有完成以上步驟,在 WordPress 後台會看到相關的提示訊息

步驟3 – 安裝區塊佈景主題 (Block Theme)

最後你需要安裝一個支援全站編輯的區塊佈景主題。你可以使用將來在 5.9 版本中內建的預設佈景主題  Twenty twenty-Two

以上就是測試全站編輯的準備步驟,接下來你就可以開始體驗全站編輯的功能囉!