WordPress版本更新 – 發佈 2019 全新主題及 Gutenberg 編輯器

內容目錄

一、WordPress 5.0 加入 2019 全新官方開發網站主題

WordPress 版本更新其實非常頻繁，但在這一次 5.0 更新中，改變了許多重要操作模式，包含之前在鵠學苑介紹過的 Gutenberg （古騰堡）全新視覺化編輯器，以及與 Gutenberg 契合度達百分之百的 Twenty Nineteen ( 2019 ) 佈景主題，讓 WordPress 5.0 版本開始有了許多令人期待的地方。

在 2018 年 11月 19 日，WordPress 5.0 就已經開放網站後台自主更新或者可以在 WordPress.org 直接下載，更新之後在網站後台中編輯頁面、文章、商品等資料時，將預設使用 Gutenberg 編輯器，並且會主動安裝 Twenty Nineteen 佈景主題，那麼此次更新有哪些特點呢？以下為您介紹。

在網站後台將 WordPress 版本更新到 5.0 之後，先不要急著跳出更新完成的頁面，與以往 WordPress 更新 不同的是，此次將介紹全新佈景主題以及示範 Gutenberg 的基本操作方式。下圖就是當使用 Twenty Nineteen 作為網站主要佈景主題時，使用 Gutenberg 編輯的示意圖，跟傳統編輯器需要以 HTML 排版的操作方式不同，全新 WordPress 版本 可以直接在前台預覽畫面中直接修改字型、顏色、位置等。

Twenty Nineteen 根據 WordPress 官方介紹，是以簡單的核心程式設計出可適應任何複雜的網頁排版，最主要的特色在於網站架構非常精簡，許多不必要的預設程式碼都已移除，使用 Twenty Nineteen 主題將能擁有最優良的網頁載入效能以及高度自由的編輯方式。

WordPress 既然主打 Twenty Nineteen 擁有最乾淨快速的網站建置環境，那麼相對的在這個主題中就不太具有已經架設完成的網站模板，也就是説與一般 WordPress 佈景主題安裝完成後可以直接匯入網站版型不同，要使用 Twenty Nineteen 作為網站佈景主題最好先滿足兩個條件，第一，本身具有程式語言基礎，並且具有使用 WordPress 架設完成線上網站的經驗 ; 第二，所要完成的網站不具有太多特殊功能，比如像是電子商務網站，就不太適合使用 Twenty Nineteen 做為基本架構（因為需要安裝的外掛程式可能會非常多），以上兩點提供給各位參考喔！

下圖是在 WordPress 網站後台啟用 Twenty Nineteen 主題的畫面，在正下方有即時預覽的按鈕，可以在啟用前先行查看 Twenty Nineteen 顯示網站前端的樣式。

WordPress 2019 新主題介紹：Introducing Twenty Nineteen

二、WordPress Gutenberg（古騰堡）編輯器正式啟用

在 WordPres 正式發布 Gutenberg 編輯器之前，就有釋出測試版的外掛可以安裝使用，鵠崙設計在此之前也陸續寫了 Gutenberg 介紹與使用教學的文章，而 WordPress 5.0 正式發布後影響使用者最大的地方是將以往使用傳統編輯器開網頁編輯畫面，更改為以 Gutenberg 編輯器開啟，並且在 WordPress 5.0 正式更新之後的資訊頁面中，同樣也提供 Gutenberg 編輯方式的說明與介紹，如下圖所示。

下方是 WordPress 官方 Gutenberg 編輯器的簡短說明影片，大致上就是說明如何在開啟頁面後使用 Gutenberg 建構網站前端畫面的操作方法，與目前市面上 WordPress 網站較常使用的前端視覺化編輯器原理相差無幾，不過有鑒於之後必須適應 Gutenberg 的編輯方式，包含現有的網站中主題與外掛也會以其本身與 Gutenberg 編輯器之間的相容性做為改版要點，因此建議可以簡略參考下方的影片，能夠初步了解 Gutenberg 的編輯方式。

WordPress Gutenberg 官方學習手冊：Gutenberg Handbook

三、WordPress 提供安裝傳統編輯器外掛，可自由設定啟用方式

WordPress 能夠挑選的主題與外掛至少超過萬種，在 WordPress 全面改用 Gutenberg 編輯器之後，是不是每一個主題外掛都有與 WordPress 官方同步更新呢？答案是否定的，因此在更新到 WordPress 5.0 之後，記得一定要詳細檢查網站中所有功能，是不是有因為程式衝突產生的網站問題。

如果說網站在更新到 WordPress 5.0 之後有發生編輯頁面打開卻一片空白的情況，那麼就必須 ” 主動安裝 ” 舊型傳統編輯器的外掛，在安裝外掛的項目中就可以一鍵安裝，如下圖所示。