0%

正威網路行銷工作室,專注於基隆、台北與全台客製化網頁設計,提供專業 RWD 響應式、SEO 搜尋引擎優化、品牌形象設計與網站維護託管服務。

搜尋文章
聯絡資訊
地址基隆市仁二路 220 號 5 樓
追蹤我們

WordPress 恢復舊版小工具與傳統編輯器(停用古騰堡)的兩種方法

wordpress 恢復舊版 小工具 Classic Widgets 恢復舊版編輯器 disable Gutenberg 禁用古騰堡

WordPress 從 5.0 版開始,文章編輯器改成用「區塊」編排的區塊編輯器(開發代號 Gutenberg,中文常稱古騰堡);5.8 版起,「外觀 → 小工具」也改成區塊的形式。習慣舊介面的人,常常會想換回原本的畫面。

這篇整理兩種做法:安裝官方外掛(最簡單),或是用程式碼。最後一段也說明舊版小工具、傳統編輯器相關功能的現況,如果你是從舊文章的網址轉過來的,可以直接看最後一段。

先確認:你用的是哪一種佈景主題?

  • 傳統佈景主題(後台有「外觀 → 小工具」「外觀 → 自訂」選單):可以恢復舊版小工具,也可以換回傳統編輯器。
  • 區塊佈景主題(例如 Twenty Twenty-Two 之後的 WordPress 預設佈景主題,後台是「外觀 → 編輯器」):整個網站的版面都是用區塊編排,沒有小工具這個功能,側邊欄、頁尾要在網站編輯器裡修改。這類佈景主題不建議停用區塊編輯器。

方法一:安裝官方外掛(推薦)

下面兩個外掛都是由 WordPress 官方團隊(WordPress Contributors)維護,到「外掛 → 安裝外掛」搜尋名稱即可:

  • Classic Widgets:恢復舊版的小工具畫面。啟用就生效,沒有需要設定的地方。
  • Classic Editor:恢復傳統編輯器。啟用後到「設定 → 寫作」,可以選擇所有使用者的預設編輯器,以及是否允許使用者自己切換區塊編輯器與傳統編輯器。

官方表示這兩個外掛會持續維護到有需要為止,不過 WordPress 的新功能都是以區塊為主,長期來看,還是建議慢慢熟悉區塊編輯器。

方法二:用程式碼

不想多裝外掛的話,可以在子主題的 functions.php 或 Code Snippets 外掛加上:

PHP
// 恢復舊版小工具
add_filter( 'use_widgets_block_editor', '__return_false' );

// 所有文章類型都改回傳統編輯器
add_filter( 'use_block_editor_for_post', '__return_false', 10 );

舊版文章恢復小工具用的是 remove_theme_support( 'widgets-block-editor' ),一樣有效,兩種寫法選一種即可:

PHP
add_action( 'after_setup_theme', function () {
    remove_theme_support( 'widgets-block-editor' );
} );

只讓「頁面」用傳統編輯器

如果文章想繼續用區塊編輯器,只有頁面要換回傳統編輯器,改用 use_block_editor_for_post_type:

PHP
add_filter( 'use_block_editor_for_post_type', function ( $use_block_editor, $post_type ) {
    if ( 'page' === $post_type ) {
        return false;
    }
    return $use_block_editor;
}, 10, 2 );

把 'page' 換成其他文章類型的名稱,就能針對那個類型切換。

外掛和程式碼的差別

外掛多了「讓使用者自己切換編輯器」等選項,程式碼則是一律套用。兩者選一種就好,不需要同時使用。

換回傳統編輯器之前要知道的事

  • 用區塊寫過的文章:換回傳統編輯器後,在「文字」模式會看到 <!-- wp:paragraph --> 這類註解,那是區塊的標記,不要刪掉,前台的顯示不受影響。
  • 之後又想換回區塊編輯器:用傳統編輯器改過的區塊內容,回到區塊編輯器時,有些區塊可能會出現需要修復的提示,照提示轉換即可,改之前記得先備份。
  • 用頁面編輯器排版的頁面(例如 Elementor):本來就不是用 WordPress 的編輯器編輯,換不換都沒有影響。

舊版小工具與傳統編輯器的現況

這個網站以前有幾篇針對舊版小工具與傳統編輯器的教學,這些做法在新版 WordPress 裡大多已經不需要,整理如下。

清除未啟用的小工具

在舊版小工具畫面,從側邊欄移除的小工具會放到「未啟用的小工具」區,可以在那裡一次清除。現在的區塊小工具畫面,不需要的小工具直接選取後刪除即可;裝了 Classic Widgets 外掛的話,操作就跟以前一樣。以前那些用程式碼清除未啟用小工具的寫法,現在沒有必要再用。

在編輯器增加 TinyMCE 按鈕

TinyMCE 是傳統編輯器使用的文字編輯元件。以前常用 mce_buttons 這類 filter 替它加上表格、字級等按鈕,這只對傳統編輯器(以及區塊編輯器裡的「傳統」區塊)有效,區塊編輯器本身並不是用 TinyMCE。

  • 使用區塊編輯器:表格、按鈕、字級、文字顏色大多已經內建,在區塊與右側的設定面板就能調整。
  • 繼續使用傳統編輯器:想多一些按鈕,可以安裝 Advanced Editor Tools 外掛(舊名 TinyMCE Advanced),不用自己寫程式碼。

自製「分類最新文章」小工具

舊版的「近期文章」小工具不能指定分類,所以以前才需要自己寫一個小工具。現在用區塊小工具或網站編輯器裡的「最新文章」區塊,就能在右側設定篩選分類、設定篇數、顯示日期與摘要;需要更多排版彈性,可以改用「查詢迴圈」區塊。

以前用程式碼寫好的舊版小工具,在區塊小工具畫面裡仍然可以透過「舊版小工具」區塊繼續使用。

延伸閱讀

編輯器用得順手,更新網站內容才不會變成負擔。正威網路行銷是 25 年經驗的基隆網頁設計工作室,除了網站設計與維護託管,網站需要的照片與影片也有攝影剪輯服務,歡迎來聊聊。

分享這篇文章

返回文章列表更多「Wordpress代碼教學」文章

發表留言

還沒有人留言,歡迎第一個分享你的想法或問題。留言經審核後才會顯示,Email 不會公開。

讓我們一起打造
您的專屬網站!