不小心升級 WordPress 5.0?教你從 Gutenberg 編輯器換回 Classic Editor 傳統編輯器!

WordPress 在 2018 年底推出了 5.0 版本,這是一次堪稱 WordPress 歷史上規模最大的後台變革。這次更新的核心,就是將原本大家早已習慣的 Classic Editor 傳統編輯器,直接替換為全新的 Gutenberg 區塊編輯器。雖然在正式推出之前,官方已經透過外掛形式讓使用者提前體驗 Gutenberg 作為緩衝,但對於數以百萬計的 WordPress 使用者來說,這個改變仍然來得又快又突然。很多站長在升級後開啟後台才發現,原本熟悉的編輯畫面完全消失了,取而代之的是一個充滿「區塊」概念的全新介面。

Gutenberg 的設計理念源自於現代化的內容編輯趨勢,它把每一個內容元素,包含文字段落、圖片、引用、影片等等,都拆解成獨立的「區塊」。每個區塊擁有自己的工具列、樣式設定與排列方式,讓編輯體驗更接近 Medium、Notion 這類當紅的平台。WordPress 官方的目標很明確:讓不懂程式碼的一般使用者也能做出更精緻的頁面排版,降低對第三方頁面編輯器的依賴。

但理想與現實之間總是有落差。對於已經使用 WordPress 多年的老使用者來說,Classic Editor 那種類似 Word 文件的簡潔操作模式早已深植肌肉記憶,突然切換到全新的區塊邏輯,不只是學習曲線的問題,更可能直接影響到日常工作流程的效率。如果你正是因為升級後發現編輯器完全變了樣,而想找回熟悉的操作介面,那這篇教學就是為你準備的。我們會從安裝外掛開始,一步步帶你完成切換,還會分享進階設定技巧和常見問題的排解方法。

Gutenberg 與 Classic Editor 到底有什麼不同?

在動手切換編輯器之前,先搞清楚兩者之間的差異,才能做出對自己最有利的選擇。Classic Editor 與 Gutenberg 的核心差異在於「操作邏輯」,Classic Editor 是傳統的 TinyMCE 所見即所得編輯器,所有內容都在同一個文字區塊內完成,操作方式跟開 Word 寫文件幾乎一模一樣;Gutenberg 則把所有內容拆成獨立區塊,每個段落、圖片、按鈕都是一個區塊,各自擁有專屬的工具列與設定面板。

這兩種設計各有優劣。Classic Editor 的好處是直覺、簡單、上手門檻低,如果你主要只是寫純文字文章加上幾張圖片,它的效率其實非常高。Gutenberg 的強項在於排版彈性,對於需要製作含有複雜版面的登入頁(Landing Page)或多欄位佈局的內容,區塊編輯器提供了更精細的控制能力,搭配 WordPress 佈景主題的區塊樣式,甚至能部分取代頁面編輯器的功能。不少虛擬主機服務商也在一鍵安裝 WordPress 時預裝了對 Gutenberg 友善的佈景主題,讓使用者能更快適應新的編輯方式。你可以參考我們整理的 A2 Hosting 評價,了解不同主機商提供的 WordPress 安裝方案。

不過從 Classic 轉到 Gutenberg 的過渡期確實會有陣痛。很多使用者反映初期最不適應的地方包括:段落之間的區塊邊界太明顯、排版時需要額外點擊操作、某些舊版外掛的 shortcode 在區塊模式下顯示異常等。特別是一些 WordPress SEO 外掛在早期區塊編輯器中的整合不夠完善,導致 meta description、focus keyword 等設定框無法正常顯示。這些問題隨著 Gutenberg 持續迭代更新已經改善不少,但對於追求極致寫作效率的使用者來說,Classic Editor 仍然是不可取代的首選。搭配好的快取外掛也能讓 WordPress 後台操作更加流暢。你可以參考我們之前整理的 WordPress 快取外掛推薦,選擇一款適合的來搭配使用。

安裝 Classic Editor 外掛的完整步驟

要將 WordPress 的預設編輯器切換回 Classic Editor,最直接的方式就是安裝官方提供的 Classic Editor 外掛。這個外掛是由 WordPress 核心團隊維護的官方外掛,穩定性與相容性都有保障。不管你的網站是託管在哪一家主機商,像是 BluehostHostinger,都可以正常安裝使用。

安裝步驟非常簡單:登入 WordPress 後台後,從左側選單點選「外掛」→「安裝外掛」,在頁面頂部的搜尋框中輸入「Classic Editor」。在搜尋結果中,你應該能看到由「WordPress Contributors」開發的 Classic Editor 外掛,直接點選「立即安裝」即可。

安裝「Classic Editor」傳統編輯器Pin
安裝「Classic Editor」傳統編輯器

安裝完成後,記得點選「啟用」按鈕。啟用後你可以到「已安裝的外掛」列表中確認 Classic Editor 已經處於啟用狀態。如果你之前有安裝過快取相關的外掛,建議在啟用 Classic Editor 後清除一次快取,確保設定變更能即時生效。

啟用「Classic Editor」傳統編輯器Pin
啟用「Classic Editor」傳統編輯器

這時候先別急著開心,啟用外掛只是完成了一半的設定,接下來還需要到設定頁面把全站預設編輯器切換過來。我們在下一節會詳細說明這個步驟。在繼續之前,如果你對 WordPress 網站安全有興趣,也可以順便了解一下如何強化後台的防護措施。

將預設編輯器從 Gutenberg 切換為 Classic Editor

Classic Editor 外掛安裝並啟用後,接下來要做的就是把全站的預設編輯器切換過來。前往「設定」→「寫作」,往下滑你會看到「全站預設編輯器」的下拉選單,把原本的「區塊編輯器」改為「Classic Editor」,然後點選頁面底部的「儲存設定」。這個操作不需要任何程式碼知識,跟你在 WordPress.com 與 WordPress.org 之間做選擇一樣簡單直覺。

將預設編輯器改為「Classic Editor」傳統編輯器Pin
將預設編輯器改為「Classic Editor」傳統編輯器

設定儲存完成後,前往「文章」→「新增文章」,你就會看到熟悉的 Classic Editor 傳統編輯介面回來了!上方有標題欄位,下方就是大家熟悉的 TinyMCE 編輯器,包含粗體、斜體、插入圖片、插入連結等工具按鈕一應俱全。那種回到老朋友身邊的感覺,相信很多從早期就開始使用 WordPress 的站長都深有體會。

文章編輯變回熟悉的「Classic Editor」畫面Pin
文章編輯變回熟悉的「Classic Editor」畫面

Classic Editor 外掛還提供了一個很貼心的進階設定選項。在同樣的「設定」→「寫作」頁面中,你會看到一個「是否允許使用者切換編輯器」的選項。如果你勾選了這個選項,那麼使用者在新增或編輯文章時,就可以在文章列表頁面自行選擇要用區塊編輯器還是傳統編輯器來開啟文章。這對於多人共筆的網站特別實用,因為不同作者可能各有偏好的編輯模式。如果你也想要停用 WordPress 自動儲存功能,可以參考之前的教學文章。

進階技巧:讓兩種編輯器同時共存

其實你不一定要在 Gutenberg 和 Classic Editor 之間二選一,Classic Editor 外掛的設計本來就支援兩種編輯器共存。如果你在前面設定時勾選了「允許使用者切換編輯器」,那麼在文章列表頁面,每篇文章後方都會同時顯示「使用區塊編輯器編輯」與「使用傳統編輯器編輯」兩個連結,你可以根據每篇文章的需求自由選擇適合的編輯模式。這個彈性設計讓很多從 Blogger 轉過來的使用者也能在熟悉的環境中慢慢適應 WordPress 的操作方式。

另一個進階用法是針對不同的文章類型(Post Type)設定不同的預設編輯器。如果你的網站使用自訂文章類型,例如「作品集」或「商品」,你可能希望一般的部落格文章用 Classic Editor 編輯,而需要複雜排版的「作品集」用 Gutenberg 區塊編輯器。Classic Editor 外掛透過篩選器(filter)機制支援這類細緻的設定,進階使用者可以在 functions.php 中加入條件判斷來實現。

如果你覺得 Classic Editor 內建的功能還是不夠用,也可以搭配 Advanced Editor Tools(前身為 TinyMCE Advanced)這類外掛來增強傳統編輯器的功能。它能讓你自訂工具列的按鈕排列、新增表格工具、字型大小調整等進階功能,讓 Classic Editor 的編輯能力更上一層樓。對於習慣用 電子報外掛撰寫內容的使用者來說,這個組合特別實用,因為電子報內容通常需要更精確的排版控制。有些使用者還會搭配 Disable Comments 外掛來管理特定文章類型的留言功能,讓網站管理更加靈活。

不用外掛也能停用 Gutenberg:functions.php 替代方案

如果你不想安裝額外的外掛,也可以透過一小段程式碼直接停用 Gutenberg。這個方法特別適合對 WordPress 佈景主題有一定了解的進階使用者,或者網站已經安裝太多外掛、不想再增加負擔的站長。

最簡單的做法是在佈景主題的 functions.php 檔案中加入以下程式碼:

add_filter('use_block_editor_for_post_type', '__return_false');

這行程式碼的作用是告訴 WordPress 不要對任何文章類型使用區塊編輯器,效果等同於全站停用 Gutenberg。不過直接修改佈景主題的 functions.php 有風險,如果佈景主題更新,你的修改可能會被覆蓋掉。比較安全的做法是使用 Code Snippets 之類的外掛來管理自訂程式碼片段,或者把程式碼放在子佈景主題(Child Theme)的 functions.php 中。這跟 保護 WordPress 網站的原則一樣,盡量避免直接修改核心檔案。

需要注意的是,這種純程式碼方案的缺點是缺少 Classic Editor 外掛提供的那些細緻設定選項,像是使用者角色層級的切換權限、文章類型維度設定等等。如果你只需要簡單粗暴地停用 Gutenberg,這個方法綽綽有餘;但如果你需要更彈性的控制,還是建議安裝 Classic Editor 外掛。更多關於 提升 WordPress 網站性能的小技巧,可以參考之前的文章。如果你搭配使用 WP Rocket 快取外掛,可以在修改程式碼後清除一次快取確保生效。

常見問題排解:安裝 Classic Editor 後仍可能遇到的狀況

雖然 Classic Editor 外掛的安裝設定流程不複雜,但實際使用時還是可能碰到一些狀況。以下整理幾個最常見的問題與對應的解決方法。

安裝後仍然顯示 Gutenberg 區塊編輯器,這通常是因為瀏覽器快取還沒有清除,或者有其他外掛強制啟用了區塊編輯器。建議先清除瀏覽器快取再重新登入後台試試看。如果問題仍然存在,可以嘗試暫時停用所有其他外掛,只保留 Classic Editor,確認是哪個外掛造成了衝突。這個除錯邏輯跟處理 WordPress 無法顯示更新內容的方法類似,都是透過排除法找出問題根源。

原本用 Gutenberg 編輯的文章格式跑掉了,Gutenberg 區塊編輯器會在文章內容中加入特殊的 HTML 註解標記(例如 <!– wp:paragraph –>),這些標記在 Classic Editor 中會以原始碼的形式顯示。這不影響文章在前台的實際呈現,但在後台編輯時可能看起來有點雜亂。如果真的需要乾淨的內容,建議把文章內容複製出來、清除格式後再重新貼上。這種格式轉換的問題在處理 WordPress 更新相關問題時也很常見。

Classic Editor 與其他外掛衝突,有些外掛(特別是頁面編輯器類的外掛)會與 Classic Editor 產生衝突。處理方式是逐一停用可疑外掛,找出衝突來源,然後向該外掛的開發者回報問題,或者尋找功能相近的替代外掛。如果在除錯過程中遇到更嚴重的伺服器錯誤,可以參考我們之前寫的 500 Internal Server Error 排解教學。平時做好 WordPress 網站速度優化也能減少因外掛過多導致的各種問題。

其他替代的 WordPress 編輯器外掛推薦

如果你不是非 Classic Editor 不可,只是單純不喜歡 Gutenberg 的操作方式,那市面上還有其他編輯器選擇值得參考。

Elementor 是目前最受歡迎的 WordPress 頁面編輯器之一,它提供了完全視覺化的拖曳建站體驗,可以在不接觸任何程式碼的情況下設計出精美的頁面。對於需要製作登入頁、產品介紹頁等視覺化內容的使用者來說,Elementor 的彈性遠超過 Gutenberg 或 Classic Editor。不過它比較適合用來做「頁面」而非「文章」,如果主要需求是日常寫作,用 Elementor 反而有點殺雞用牛刀。

除了 Elementor 之外,Divi Builder 也是另一個熱門選項,它同樣採用拖曳操作模式,而且內建了大量預設版型可以直接套用。如果你正在挑選適合的 SEO 工具,好的 On-page SEO 優化設定比選擇哪種編輯器更重要。不管你用的是 Classic Editor、Gutenberg 還是 Elementor,只要內容品質好、SEO 設定正確,搜尋引擎排名不會因為編輯器的選擇而有太大差異。

如果你的網站使用了 Cloudflare CDN,也可以搭配使用來進一步提升網站速度。對於注重 SEO 優化的使用者來說,網站速度與內容品質才是真正影響排名的關鍵因素。你也可以參考我們的 WordPress 速度優化技巧,讓網站不管搭配哪種編輯器都能保持快速載入。

Classic Editor 的未來:還能用多久?

很多人最關心的問題是:Classic Editor 到底還能用多久?畢竟這關係到長期的網站維護策略。

好消息是,截至目前 2026 年,Classic Editor 外掛仍然持續有在維護更新,WordPress 官方也持續確保它與最新版 WordPress 核心的相容性。這表示短期內你不需要擔心 Classic Editor 突然無法使用的問題。不過壞消息是,WordPress 核心的開發重心已經全面轉向 Gutenberg 與全站編輯(Full Site Editing,簡稱 FSE)。這意味著未來的新功能、新 API 大多會以區塊編輯器為基礎來開發,Classic Editor 使用者可能會逐漸無法享受到這些新特性。

從務實的角度來看,建議使用者可以採取「雙軌並行」的策略:日常寫作繼續使用 Classic Editor,但偶爾嘗試用 Gutenberg 編輯幾篇文章,慢慢熟悉區塊的操作邏輯。Gutenberg 經過這幾年的迭代更新,穩定度與操作體驗都已經比剛推出時好很多了,值得給它第二次機會。如果你的網站是託管在 SiteGround 這類主流主機上,升級到最新版 WordPress 通常也不會有太大的相容性問題。選擇主機時可以參考我們整理的 WordPress 虛擬主機推薦,找到最適合自己需求的方案。在進行任何重大變更之前,建議先在測試環境中演練一次,確保不會影響到正式網站。同時也要養成定期查看 WordPress 市佔率與發展趨勢的習慣,掌握社群的最新動態與技術走向。

WordPress 全站編輯(FSE)是下一個重要里程碑,它讓使用者可以直接透過區塊編輯器來設計整個網站的版面配置,包含頁首、頁尾、侧邊欄等區域。這項功能目前仍在持續發展中,但趨勢已經很明確:區塊編輯器會是 WordPress 的未來。如果你有興趣深入了解,也可以看看 如何購買網域以及 如何選擇網域名稱等相關教學,為未來的全站編輯做好準備。及早了解這些基礎知識,能讓你在 WordPress 的生態系中走得更穩。對於需要提升網站速度的使用者,網站速度測試工具也能幫助你監測 WordPress 在不同編輯器下的載入表現。

總結與建議

回顧一下,從 Gutenberg 區塊編輯器換回 Classic Editor 傳統編輯器,整個流程就是三個步驟:安裝 Classic Editor 外掛、啟用它、再到設定中切換全站預設編輯器。整個過程不超過五分鐘,對於任何 WordPress 使用者來說都沒有門檻。

如果你是單純寫文章的部落客,Classic Editor 絕對是效率最高的選擇。但如果你有更複雜的排版需求,或者願意投入時間學習新工具,Gutenberg 的區塊化操作在熟練之後其實非常強大。最理想的做法是讓兩種編輯器共存,依據不同文章的需求來選擇最適合的工具。對於剛接觸 WordPress 的新手,建議先從 免費虛擬主機練習架站,熟悉整個操作流程後再考慮升級到付費主機。

不管你最終選擇了哪種編輯器,有一件事絕對不能忘記:每次更新 WordPress 之前,一定要先做好完整的網站備份。WordPress 的重大版本更新有時候會帶來非預期的相容性問題,有了備份才能安心升級、放心還原。如果你正在尋找穩定可靠的 WordPress 主機,可以參考我們整理的 WordPress 虛擬主機推薦,也可以直接看看 BluehostKinsta 的詳細評價,這兩家都是目前市面上口碑很好的 WordPress 專用主機。好的主機環境能讓你在使用任何編輯器時都獲得穩定順暢的體驗,值得在建立網站之初就慎重選擇。如果你還沒有自己的網址,也可以參考我們的 WPWebHost 主機評價以及 WPX Hosting 評價,了解更多不同主機商的特色與差異。花點時間比較各家的方案,才能找到最適合自己的主機環境。希望這篇教學能幫助你找回最順手的 WordPress 編輯體驗!如果你在閱讀過程中有任何問題,歡迎在下方留言告訴我們,你的回饋是我們繼續創作的動力。

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 680

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


目錄
Share to...