免費諮詢
↑
Migration · 改版與搬家

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

改版與搬家發布 2018.08.11更新 2023.01.13閱讀約 4 分鐘

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

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

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

WordPress 傳統編輯器

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

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

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

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

新版視覺化編輯器

二、Gutenberg WordPress 外掛下載

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

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

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

WordPrss 後台安裝外掛介面

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

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

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

結論:

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

鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。這篇文章由負責維護的同事撰寫,數字來自實際的報價與維護紀錄。
FAQ

這篇文章,
常問的。

針對這篇內容的問答;更一般的問題看改版與搬家 hub。

01現在把 Gutenberg 外掛裝到正式營運中的網站會有風險嗎?

Gutenberg 目前尚未正式開發完成,如果網站有啟用某些主題或外掛,安裝後可能出現空白畫面或錯誤字串等異常狀況,因此不建議在已上線的正式網站安裝使用,比較妥當的做法是等到 WordPress 5.0 正式發布後再啟用。

02Gutenberg 編輯器跟以前的傳統編輯器操作方式差在哪?

傳統編輯器功能較陽春,像是要加入按鈕這類元素,通常需要自行加入 Html 語法並用 CSS 調整外觀。Gutenberg 改成區塊化編輯方式,只要透過左上角新增元素區塊就能安排頁面內容,對不熟悉程式語言的使用者來說會方便許多。

03想試用 Gutenberg 外掛,要去哪裡下載安裝?

可以在 WordPress 後台的安裝外掛選項中,直接輸入 Gutenberg 搜尋後點選安裝並啟用,也可以透過上傳外掛檔案的方式安裝。外掛下載頁面網址是 wordpress.org/plugins/gutenberg/。

04為什麼有人裝了 Gutenberg 之後網站會變成空白畫面?

因為 Gutenberg 目前還沒有正式開發完成,Github 論壇上仍有不少錯誤回報與修復討論,如果網站原本啟用的主題或外掛跟 Gutenberg 不相容,安裝後就可能出現畫面空白或顯示錯誤字串的情形。

Service

看完之後,想找人做?

網站改版:搬家的時候排名和網站都不中斷;舊網址逐條轉址,六個步驟搬到 WordPress。

網站改版與搬家服務
Contact

留下需求,
1 個工作天內回覆。

告訴我們你的產業、現在的網站、想解決什麼;回覆時會附上同產業的案例與估價區間。