CLOSE
網頁新知
2018.08.11

WordPress 5.0 Gutenberg 全新編輯器外掛開放下載試用

WordPress 5.0 Gutenberg 全新編輯器外掛開放下載試用

一、WordPress 5.0 內建編輯方式更新

WordPress 5.0 Gutenberg 全新編輯器外掛已可下載使用!如果有在使用 WordPress 做網站內容編輯,那麼對於下方圖片的畫面應該不陌生,在 WordPress網頁設計的領域中被稱之為傳統編輯器內建編輯器的方式,功能非常陽春,對程式語言比較不了解的站長而言,只能針對文字做一般的設定與編輯功能,最多加入引用或者是列表功能,在頁面內容元素位置的控制上,也無法像主題頁面編輯器那樣有比較詳細的設定。

WordPress 傳統編輯器

WordPress 是開源程式碼軟體,因此國外有許多開發者在設計 WordPress 佈景主題時都會附帶頁面編輯器(Page Bulider),因此對於大部分的網站設計人員而言,都會依據不同主題所搭配的頁面編輯器來做網頁內容建構。

對已開發超過12年的 WordPress ,在即將發布的 5.0 版本中會加入全新的頁面編輯方式,以歐洲第一位發明活字印刷術,改變文明進程的 Johannes Gutenberg 的姓氏來命名的編輯器– Gutenberg (古騰堡,音譯),除了有向偉人致敬的意味之外,也充分表現 WordPress 對內建編輯器變革的信心。

下圖是筆者試用 Gutenberg 的畫面,與以往最大不同的地方是以區塊化(Common Blocks)的方式來做網頁內容編輯與安排,而在網頁元素(比如按鈕)來說,在以前如果單純以 WordPress 傳統編輯器來元素增加,是需要加入Html語法並以CSS控制外觀,而在 Gutenberg 網站編輯器中只要需要以左上角添加元素區塊的方式,就可以輕鬆做到,對於不了解程式語言的站長而言,可以說相當方便。

新版視覺化編輯器

二、Gutenberg WordPress 外掛下載

Gutenberg 外掛目前已經開放下載,如下圖所示可以透過 WordPress 網站後台安裝外掛選項,輸入 Gutenberg 搜尋外掛,依序點選安裝及啟用即可,另外也可以透過上傳外掛的方式來安裝,下載網址如下:https://wordpress.org/plugins/gutenberg/

但要注意的是,Gutenberg 目前還不算正式開發完成,在 Github 這個論壇中還有許多關於Gutenberg的錯誤回報與修復討論,因此如果網站中有啟用某些主題或外掛,Gutenberg將無法正常運作,就筆者測試會出現空白畫面或顯示錯誤字串的狀況,因此不建議在已上線網站做安裝與使用,等到 WordPress 5.0 正式發布後再使用,會比較妥當。

WordPrss 後台安裝外掛介面

WordPrss WordPrss 後台側邊欄可以找到 Gutenberg 設定選項與支援說明

下方節錄了 Google 在 Make your WordPress site progressive (Google I/O ’18) 中對於 Gutenberg 的解說與介紹,有興趣的朋友可以自行觀看。(28分鐘處開始)。

結論:

鵠崙設計 對 WordPress 網站有多年研究,之後 WordPress 正式釋出新版本與編輯器發布後,將會在鵠學苑中發表更加詳細的教學文章與介紹( WordPress Gutenberg (古騰堡) 5.0 版本全新內建網頁編輯器外掛教學),敬請期待!另外如果目前對於 WordPress 網站有架站或操作相關問題,也歡迎於我們聯絡諮詢相關事宜

CONTACT US

想了解更多資訊內容嗎?歡迎立即聯繫鵠崙設計!