【プラグインNo.161】Disable Gutenbergとは?IT用語をサクッと解説

プラグイン
この記事は約10分で読めます。

本記事では、Disable Gutenbergについて、初めて聞く方にもわかりやすくまとめました。WordPressの編集画面に悩む方や従来の操作感を求める方にとって、有益な情報をお届けします。

スポンサーリンク

Disable Gutenbergとは?

Disable Gutenbergとは、WordPressで導入されたブロックエディタ「Gutenberg」を無効化し、従来のクラシックエディタを使用し続けられるようにするためのプラグインやコードの総称です。新しいGutenbergは便利な反面、操作に戸惑うユーザーも多く、特に既存のテーマやプラグインとの互換性に問題が生じることがあります。Disable Gutenbergを導入することで、サイト運営者は編集環境の安定性や従来のワークフローを維持できます。

わかりやすい具体的な例

わかりやすい具体的な例1

例えば、WordPressで長年ブログを書いてきた方が、ある日突然ブロック単位で編集するGutenbergに切り替わってしまい、記事の書き方がわからなくなったケースがあります。この場合、Disable Gutenbergを入れると、以前と同じ画面で文章を打てるようになり、作業効率が戻るのです。また、細かいHTML編集やショートコードを頻繁に使う人にとっても、クラシックエディタの方が作業がスムーズになるメリットがあります。

graph LR A[ユーザーがGutenbergに戸惑う] --> B{解決策を探す} B --> C[Disable Gutenbergを導入] C --> D[クラシックエディタ復活] D --> E[作業効率向上] subgraph 注釈 note1[注1: Gutenbergとはブロック単位で編集する新エディタのことです] note2[注2: Disable Gutenbergはプラグインまたはコードで実現可能です] end

上記の図は、Gutenbergの操作に悩んだユーザーが、Disable Gutenbergを使うことでクラシックエディタに戻し、結果として編集のストレスが減る流れを示しています。注釈部分では、Gutenbergの定義や、Disable Gutenbergの実現方法を補足しています。多くの人が同じ悩みを抱えている点がポイントです。

わかりやすい具体的な例2

また、企業のコーポレートサイトを運営しているWeb担当者が、Gutenbergによってレイアウトが崩れる問題に直面したケースもあります。特にオリジナルテーマや古いプラグインが多数使われている場合、新しいブロック構造に対応できず、表示崩れが発生します。このような時、Disable Gutenbergを導入することで、従来通りのHTML構造が保たれ、サイト全体のデザインを維持できます。

graph TD A[企業サイト運営者] --> B[テーマやプラグインが古い] B --> C{Gutenberg導入} C --> D[レイアウト崩れ発生] D --> E[Disable Gutenberg導入] E --> F[従来の表示維持] subgraph 注釈 note1[注1: GutenbergはHTML構造が従来と異なるため互換性問題が起こりやすいです] note2[注2: Disable Gutenbergは運用リスクを回避する手段です] end

この図では、企業サイト運営者がGutenbergの導入によるレイアウト崩れを解決するために、Disable Gutenbergを選択し、安定した表示を保つ過程を表しています。注釈では、GutenbergのHTML構造の違いや、Disable Gutenbergが持つリスク回避の役割を解説しています。企業にとって見た目の維持は重要な課題です。

スポンサーリンク

Disable Gutenbergはどのように考案されたのか

WordPressがGutenbergという新しい編集方式を正式リリースしたのは2018年で、当初から賛否が分かれました。多くのユーザーが「編集が難しくなった」「互換性に不安がある」と感じ、特に既存のテーマや独自開発のカスタムフィールドとの衝突が問題視されました。こうしたユーザーの声に応える形で、Disable Gutenbergという手段が開発され、誰でも簡単に旧エディタへ戻せるようになったのです。

graph LR A[Gutenbergリリース(2018年)] A --> B[ユーザー混乱] B --> C[開発者コミュニティが対応策検討] C --> D[Disable Gutenberg開発] D --> E[従来エディタ利用可能に] subgraph 注釈 note1[注1: Gutenbergはブロック単位編集を特徴とする] note2[注2: Disable Gutenbergはカスタムフィールドや既存テーマの保護に有効] end

考案した人の紹介

Disable Gutenbergを考案した主要人物の一人はJeff Starr氏です。彼はWordPress開発に長年関わり、書籍「Digging Into WordPress」の著者としても知られています。Gutenberg導入で多くのユーザーが混乱する中、現場の声を受け止め、自身のサイトやブログでDisable Gutenbergに関する解説やコード提供を行いました。こうした経験が彼の信頼を集め、WordPress界で重要な役割を果たすに至ったのです。

考案された背景

WordPressがCMS市場で急速にシェアを拡大する中、ユーザー層も多様化し、特に企業利用や大規模サイト運営では既存システムとの互換性が死活問題となりました。Gutenbergの導入は革新的でしたが、一方で従来の構築環境を前提としたビジネスに大きな影響を与えました。こうした背景のもと、Disable Gutenbergは経済的なリスク回避策として誕生したのです。

Disable Gutenbergを学ぶ上でつまづくポイント

Disable Gutenbergを学ぶ上で多くの方が戸惑うのは、そもそもGutenbergが標準搭載されているため無効化の方法がわかりづらいことです。また、他のプラグインと併用する際、互換性問題が生じる場合があります。例えば「Advanced Custom Fields」というプラグインは、独自のフィールド管理を行うため、Gutenbergを無効にすると一部の機能が正常に動かなくなることがあります。こうした点で多くの人がつまづきやすいのです。

スポンサーリンク

Disable Gutenbergの構造

Disable Gutenbergは、WordPressの内部で動作する「フック」や「フィルタ」を活用して、Gutenbergの読み込みを無効化します。特に「use_block_editor_for_post」フィルタをfalseに設定することで、投稿編集画面をクラシックエディタに切り替えます。また、管理画面に表示されるGutenberg関連のスクリプトやCSSを読み込まないようにすることで、パフォーマンスの向上も実現します。

graph LR A[WordPress起動] A --> B[フック/フィルタ読み込み] B --> C{Disable Gutenberg判定} C -->|true| D[Block Editor無効化] D --> E[Classic Editor表示] subgraph 注釈 note1[注1: フックとはWordPress内部処理に割り込む仕組みです] note2[注2: フィルタは処理内容を変更するための仕組みです] end

Disable Gutenbergを利用する場面

Disable Gutenbergは、サイト運営の安定性や互換性を保ちたい場面で活用されます。

利用するケース1

大規模な企業サイトでは、数多くのカスタム投稿タイプや独自フィールドが導入されています。Gutenbergは構造が大きく変わるため、これらと衝突する恐れが高く、表示崩れや管理画面の不具合が起こる場合があります。そのため、Disable Gutenbergを利用してクラシックエディタを維持し、安定した運用を続けるのです。また、スタッフの教育コストも抑えられるため、ビジネス上のリスクを軽減できます。

graph TD A[企業サイト運営] A --> B[カスタム投稿多数] B --> C[Gutenberg導入で衝突] C --> D[Disable Gutenberg導入] D --> E[運用安定] subgraph 注釈 note1[注1: カスタム投稿とは独自の投稿タイプです] note2[注2: 教育コスト削減は企業にとって重要です] end

利用するケース2

小規模な個人ブロガーにとっても、Disable Gutenbergは有効です。特に、旧エディタに慣れたユーザーは新しい操作に時間を取られ、更新頻度が落ちるという問題がありました。Disable Gutenbergを入れることで、過去の記事と同じ感覚で編集が可能となり、モチベーション維持や執筆スピードの向上が期待できます。また、ページ表示速度の改善も副次的な効果として得られます。

graph LR A[個人ブロガー] A --> B[旧エディタに慣れている] B --> C[Gutenbergで混乱] C --> D[Disable Gutenberg導入] D --> E[執筆効率向上] subgraph 注釈 note1[注1: ページ速度はSEOにも影響します] note2[注2: 執筆モチベーションの維持は重要です] end

さらに賢くなる豆知識

Disable Gutenbergは単にGutenbergを無効化するだけではなく、特定の投稿タイプだけを対象外にすることも可能です。たとえば商品ページのみブロックエディタを残し、ブログ記事はクラシックエディタにする運用が可能です。また、管理画面の速度が上がることから、SEOの間接的な効果も期待されます。このように柔軟に使えるのがDisable Gutenbergの魅力です。

スポンサーリンク

あわせてこれも押さえよう!

Disable Gutenbergの理解において、あわせて学ぶ必要があるプラグインについて5個のキーワードを挙げて、それぞれを簡単に説明します。

  • Classic Editor
  • Gutenbergを完全に無効化し、旧エディタを復活させる公式プラグインです。操作感が従来のWordPressと変わらないため、多くのユーザーに支持されています。

  • Advanced Custom Fields
  • カスタムフィールドを簡単に管理・表示できるプラグインです。Gutenberg対応も進んでいますが、一部互換性問題が残るためDisable Gutenbergと併用されることがあります。

  • Editor Classic Blocks
  • Gutenberg内にクラシックエディタのブロックを埋め込むことで、旧エディタの操作感を維持できるプラグインです。完全無効化はせず、柔軟な運用が可能です。

  • Block Editor Manager
  • 特定の投稿タイプやユーザー権限ごとにGutenbergの利用可否を切り分けられるプラグインです。Disable Gutenbergと使い分けることで、より細やかな運用ができます。

  • WP Rollback
  • プラグインやテーマのバージョンを簡単に以前の状態に戻すことができるプラグインです。Gutenbergの不具合発生時に、旧バージョンへ戻す際に役立ちます。

まとめ

Disable Gutenbergを理解することで、WordPress運用における柔軟性と安定性を高められます。特にサイト規模や運営方針に合わせた最適な編集環境を選択できる点は、大きなメリットです。今後もサイト運営を円滑に進めるために、Disable Gutenbergの知識は欠かせないものになるでしょう。

スポンサーリンク