找我們做網站
↑
Wordpress · WordPress 客製與程式碼

WordPress 停用 Gutenberg 區塊編輯器:外掛與函數兩種方法

WordPress 客製與程式碼發布 2019.05.21更新 2026.10.02閱讀約 5 分鐘
WordPress 停用 Gutenberg 區塊編輯器:外掛與函數兩種方法

重點整理
想讓 WordPress 回到傳統編輯器,有兩種做法:安裝 Disable Gutenberg 外掛,或在子主題 functions.php 加入停用區塊編輯器的函數。本文寫於 WordPress 5.0 時期,兩種方法的操作步驟仍可參考。

WordPress 禁用 Gutenberg 的主要原因是 Gutenberg 編輯器就目前而言還在開發中,編輯時的功能也沒有很完整,對於以 WordPress 架站的老手而言,還是比較傾向於使用傳統編輯器。而另一個問題是對大部分的主題與外掛而言與 Gutenberg 的相容性並沒有完全契合,因此當使用 Gutenberg 編輯網頁內容時很容易造成網站出錯,無論是畫面或功能性的問題都有可能發生。

因此在 Gutenberg 功能尚未趨於穩定時,為了網站能正常運行,在過渡期間暫時停用 Gutenberg 功能還是非常必要的。本篇教學將會說明兩種停用 Gutenberg 的方法,分別是安裝外掛與使用 funtion 函數來禁止 Gutenberg 功能。

注意事項:適用 WordPress 5.0 ( Beta )或以上版本

禁用 Gutenberg 編輯器的兩種方法

第一步:WordPress 5.0正式內建編輯器古騰堡 Gutenberg,可以在 WordPress 外掛安裝中找到,因為外掛還在開發中,所以會有一些編輯上的問題,但如果網站本身安裝的主題沒有支援 Gutenberg ,而又想試用時,就可以透過安裝 Gutenberg 啟用編輯器功能。

WordPress 禁用 Gutenberg
WordPress 禁用 Gutenberg

第二步:下圖是 Gutenberg 功能啟用的編輯頁面,利用函數就能關閉 Gutenberg 編輯器,在此要先說明的是加入自訂義 funtion 時必需要為網站安裝子主題(Child theme),才能確保日後主題更新時不會覆蓋掉自訂義的內容。加入方法是在子主題下的 funtion.php 結尾處將下方的函數複製貼上,點選更新按鈕就完成了。

WordPress 禁用 Gutenberg
WordPress 禁用 Gutenberg

第三步:禁用 Gutenberg 後開啟頁面時會以 WordPress 傳統編輯載入,如下圖。

WordPress 禁用 Gutenberg
WordPress 禁用 Gutenberg

第四步:如果說對如何加入函數沒有概念,那麼使用現成的外掛 – Disable Gutenberg 也能達到同樣的效果,不要要注意的是在安裝此外掛前如果已經有先安裝 Gutenberg 外掛,記得要先停用。

WordPress 禁用 Gutenberg
WordPress 禁用 Gutenberg

現在還需要停用區塊編輯器嗎?

本文寫於 WordPress 5.0 剛推出區塊編輯器的時期,當時功能不完整、很多主題與外掛不相容,所以停用是常見做法。現在情況已經不同:

  • 區塊編輯器已是 WordPress 的核心方向:新功能、新的佈景主題都以區塊為基礎。
  • 區塊佈景主題需要它:使用「網站編輯器」的區塊主題,頁首、頁尾、範本都靠區塊編輯,停用後會失去這些功能。
  • 適合停用的情況:網站使用傳統主題,且內容長期都用傳統編輯器或頁面編輯器(例如 Elementor)製作,作者也習慣舊介面。

新網站建議直接學區塊編輯器;舊網站則可以先維持現狀,改版時再一併評估。

停用區塊編輯器前要注意什麼?

  • 確認佈景主題類型:到「外觀」看有沒有「編輯器」(網站編輯器),有的話代表是區塊主題,不適合整站停用。
  • 只選一種方法:外掛和程式碼擇一使用,同時存在時日後排查問題比較麻煩。
  • 注意依賴區塊的外掛:有些表單、SEO、電商外掛的設定介面以區塊呈現,停用後要確認仍能正常操作。
  • 考慮只對部分內容停用:例如只讓頁面用傳統編輯器、文章保留區塊編輯器,Disable Gutenberg 外掛就能這樣設定。

常見問題

Disable Gutenberg 和 Classic Editor 外掛差在哪?

兩者都能讓 WordPress 改回傳統編輯器。Classic Editor 是 WordPress 官方團隊維護的外掛,設定簡單;Disable Gutenberg 的選項比較細,可以依使用者角色、文章類型或個別頁面決定要不要停用區塊編輯器。

用程式碼停用區塊編輯器要加什麼?

在子主題 functions.php 讓 use_block_editor_for_post 這個 filter 回傳 false(寫法是搭配 __return_false),文章與頁面就會改用傳統編輯器。小工具要改回舊介面,則對 use_widgets_block_editor 做同樣設定。

停用區塊編輯器後,之前用區塊寫的文章會壞掉嗎?

前台顯示通常不受影響,因為區塊內容存成一般 HTML 加上註解標記。但在傳統編輯器裡打開時會看到這些註解,編輯起來比較亂,複雜的區塊排版也可能在儲存後跑掉,建議先備份再修改。

結語

WordPress 5.0 開始 Gutenberg 編輯器的使用,對於新手而言是比較方便的網站建置方式,根據 WordPress 官方說法,傳統編輯器在之後比較新的版本會漸漸淘汰,因此在 Gutenberg 開發完全之後,還是要學習如何使用,說不定新版本的 Gutenberg 會讓網站架設的過程更加順利,真正達到不用懂程式語言就能架設網站的目標。

鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。