WordPressのブロックエディターとクラシックエディター比較：違いと選び方

WordPressのブロックエディターは段落・画像・表を個別のブロックとして組み立て、クラシックエディターは一つの編集欄で文章を書き進めます。新しいブログでさまざまなレイアウトを作るならブロックエディターから覚えるのが実用的です。既存の原稿書式や旧編集画面専用の機能を維持したい場合は、テーマとプラグインの互換性を確認したうえでクラシックエディターを選択できます。

ブロックエディターとクラシックエディターとは？

ブロックエディターとGutenberg

ブロックは記事を構成する小さな部品です。説明は段落ブロック、写真は画像ブロック、見出しは見出しブロックで追加し、それぞれを選択して移動や設定を行います。WordPressでは2018年12月公開の5.0からブロックエディターが標準になりました。画面や基本操作はブロックエディターの公式ガイドで確認できます。

このエディターはGutenberg（グーテンベルク）とも呼ばれます。ただし、Gutenbergプラグインは新しい編集機能を先行して提供する別のプラグインです。通常のブロック編集のために、これを追加インストールする必要はありません。

クラシックエディターとClassic Editorプラグイン

クラシックエディターでは、ワープロのように一つの本文欄に文章を書き、ツールバーから太字・リンク・画像などを挿入します。画面を見ながら編集する「ビジュアル」タブと、HTMLを扱う「テキスト」タブがあります。HTML（Hypertext Markup Language）は、ウェブ文書の構造を表すマークアップ言語です。

Classic Editorは以前の投稿編集画面を復元する公式プラグインです。ブロックエディターの中に置く「クラシックブロック」とは異なります。クラシックブロックは本文内の一つの部品で、Classic Editorは投稿を編集する画面そのものを変更します。

投稿エディターとサイトエディターも区別しましょう。前者は個別記事の本文を、後者はブロックテーマのヘッダー・フッター・テンプレートなどを編集します。クラシックテーマでも投稿にはブロックエディターを使えます。一方、Classic Editorがブロックテーマのサイト編集を従来の方式に置き換えるわけではありません。

同じ記事を書くと操作はどう違う？

「室内の植物のお手入れ」という練習用の下書きを作るとします。導入文、「水やり」という見出し、写真1枚、用意する物のリスト、そして「光／窓辺の間接光」「水／土の状態を確認」という2項目の表を入れます。これは編集方法を比較するための例で、植物の管理方法を案内するものではありません。

ブロックエディターで書く

1. 投稿 → 新規投稿を追加を開き、タイトル欄に「室内の植物のお手入れ」と入力して、本文に導入文を書きます。Enterで次の段落を書き始められます。
2. ブロック追加の＋から見出しブロックを入れ、「水やり」と入力してH2にします。記事タイトルを本文のH1として重ねて書く必要はありません。
3. 画像ブロックで用意した写真をアップロードするか、メディアライブラリから選びます。内容を説明する代替テキストを入力し、サイズと配置を確認します。
4. リストブロックに用意する物を入力します。表ブロックを2列・本文2行で作り、設定でヘッダーセクションを追加して合計3行にします。見出し行に「項目／メモ」、本文2行に例の内容を入力します。
5. リスト表示で見出し・段落・画像・リスト・表の順序を確認します。画像を選んで移動ツールで位置を変えてみてから、下書きを保存してプレビューを開きます。

記事全体を一つの入力欄として扱わず、必要な部品だけを選ぶ点が特徴です。テーブルブロックには行や列を編集する機能があります。写真の隣に説明を置くならカラムブロックなどを使えますが、狭い画面で縦に並ぶ順番も確認してください。

クラシックエディターで書く

1. 同じ記事タイトルを入力し、ビジュアルタブの本文欄に導入文を書きます。
2. 「水やり」を独立した行に入力し、その段落を選択して書式メニューから「見出し2」を選びます。太字にするだけでは文書上の見出しにはなりません。
3. 写真を置く位置にカーソルを合わせ、メディアを追加を選びます。写真、代替テキスト、サイズ、配置を確認して挿入します。用意する物はツールバーのリスト機能で入力します。
4. 標準ツールバーに表の挿入機能がなければ、テキストタブにHTMLで表を追加するか、表の操作を提供する互換プラグインを使います。ツールバーは導入済みプラグインによって変わることがあります。
5. 下書きを保存し、プレビューで見出し・写真・リスト・表の順序と表示を確認します。

テキストタブで表を入れる練習には、次の完全な例を使えます。画像やリストのタグの中を避け、本文末尾の独立した位置に貼り付けてください。ブロックエディターでは同じコードをカスタムHTMLブロックに入れて比較できます。

<table>
  <thead>
    <tr><th scope="col">項目</th><th scope="col">メモ</th></tr>
  </thead>
  <tbody>
    <tr><td>光</td><td>窓辺の間接光</td></tr>
    <tr><td>水</td><td>土の状態を確認</td></tr>
  </tbody>
</table>

プレビューでは2列、見出し1行、データ2行の表になる想定です。罫線・色・幅はテーマによって変わり、このコードがテーブルブロックへ自動変換されるわけではありません。練習を元に戻すには、下書きから表のコードまたはHTMLブロックを削除します。

HTMLとショートコードはどちらでも使える

ブロックエディターでもカスタムHTMLブロックにマークアップを入力できます。コード自体を読者に見せるならコードブロックを、実際のページ要素として表示するならカスタムHTMLを選びます。権限やセキュリティ設定で一部のタグが保存時に除去される場合があるため、保存後の結果を確認しましょう。

ショートコードは、プラグインなどが提供する機能を呼び出す短い命令です。ブロックエディターではショートコードブロックを使い、クラシックエディターでは本文に入力します。どちらでも、その機能を提供するプラグインやテーマが必要という条件は変わりません。

機能比較とそれぞれの長所・短所

表のCSS（Cascading Style Sheets）は、色や余白などの見た目を指定するスタイル言語です。メタボックスは編集画面に追加される入力領域で、プラグインの設定などに使われます。

ブロックエディターの利点と慣れが必要な部分

個々の要素の位置を調整しやすく、標準ブロックで表・ボタン・段組みを作れます。よく使う見出し・説明・ボタンの組み合わせはパターンとして活用できます。ただし、同期パターンは複数箇所で共有されるため、一箇所の編集が他の使用箇所にも及ぶ点を理解する必要があります。

初めは投稿設定とブロック設定を混同したり、入れ子のカラムから目的の要素を選びにくかったりします。リスト表示で構造を確認すると操作しやすくなります。追加ブロックのプラグインを増やせば、その保守や互換性も管理対象になります。

クラシックエディターの利点と限界

長い文章を書き進め、慣れたツールバーを使いたい人には、単純な編集環境が合う場合があります。既存のHTML書式や旧画面のメタボックスに依存する運用も維持しやすくなります。

複雑なレイアウトではHTMLやCSS、別のツールが必要になることがあります。文章中心だから必ずクラシックのほうが速いとは限りません。慣れ、記事の構成、導入済み機能によって作業時間は変わります。

自分のブログにはどちらが合う？

• 新しくブログを始める場合：まず標準のブロックエディターで段落・見出し・画像・リスト・表を覚えてみましょう。最初から複雑なレイアウトは不要です。ブロックテーマを使うならサイト編集との関係も理解しておくと役立ちます。
• 文章と写真が中心の場合：どちらでも対応できます。同じ下書きで段落の修正、写真の移動、表の編集を試し、よく行う操作で比べてください。
• 紹介ページや共通レイアウトが多い場合：ブロックとパターンを先に検討する価値があります。編集画面だけで判断せず、現在のテーマとスマートフォンで結果を確かめます。
• 既存HTMLや専用機能を維持する場合：クラシックを続ける判断も合理的です。その機能のブロック対応状況と、Classic Editorが利用できるテーマ条件を確認しましょう。

新しさや利用者数だけでなく、繰り返し行う作業と保守の負担で選びます。比較するときはコピー環境でテーマとプラグインを同じに保ち、エディターだけを変更してください。テーマまで同時に変えると、差の原因を見分けにくくなります。

Classic Editorの導入とエディターの選択方法

以下は、プラグインをインストールする権限がある自己ホスティングのWordPressとクラシックテーマが前提です。Classic Editorの公式説明は、ブロックテーマとフルサイト編集をサポートしないとしています。ブロックテーマで設定が出ない、旧画面に切り替わらない場合は、この条件を先に確認してください。WordPress.comなどの管理型サービスではプランや管理方針によってインストールが制限される場合があります。

1. バックアップと現状の記録を取ります。データベースとファイルを保存し、使用中のテーマ、プラグイン、既定のエディター設定を記録します。本番前に、サイトを複製したテスト用のステージング環境で試しましょう。
2. プラグイン → 新規プラグインを追加で「Classic Editor」を検索します。公式配布ページと作者情報を照合し、インストールして有効化します。
3. 設定 → 投稿設定で全ユーザーのデフォルトエディターを選びます。既存の作業を維持するならクラシック、新しい投稿をブロックで始めるならブロックを選びます。
4. ユーザーによるエディターの切り替えを許可するか設定します。記事ごとに比べたいなら許可して保存します。共同運営では編集方式が混在するときの扱いを共有しておきましょう。
5. 投稿 → 投稿一覧で編集リンクを確認し、練習用の下書きを開きます。バージョンと設定に応じて一覧のリンクや編集画面の切り替えメニューを使えます。許可されている場合、各記事は最後に使ったエディターで再び開きます。
6. 新規投稿と既存投稿をそれぞれ確認します。既定値を変更しただけで全記事が個別ブロックへ変換されるわけではありません。プレビューで確認してから運用に適用します。

設定がなければ権限、ブロックテーマの使用、他の編集制御プラグインを確認します。マルチサイトではネットワーク管理者が制限している場合があります。複数のプラグインで強制的に切り替えようとする前に原因を確認してください。メニュー名や位置はWordPress・プラグインのバージョンや管理環境で異なることがあります。

既存記事の変換と安全な復元

クラシックブロックと「ブロックへ変換」

従来の本文をブロックエディターで開くと、内容がクラシックブロックに表示されることがあります。そのまま編集することも、「ブロックへ変換」で段落・見出し・画像などへ分けることもできます。ブロックエディターを有効にする操作と、本文を個別ブロックへ変換する操作は別です。

複雑な表、独自HTML、古いプラグイン書式が意図どおり完全に分かれる保証はありません。変換後に内容と配置を確認し、必要な部分をクラシックブロックやHTMLのまま残す方法も検討しましょう。正常に表示される既存記事を一括変換する必要はありません。

逆にブロック記事をクラシックで保存すると、構造や属性が変わる可能性があります。ブロックはHTMLに加えて構造を示すコメントや設定を保存しています。テキストタブで削除したり書式を再処理したりすると、再びブロックで開いた際に復旧の案内が出ることがあります。一部の動的ブロックはプラグイン実行にも依存し、HTMLのコピーだけでは置き換えられません。

切り替え前後の確認と復元手順

1. 本番記事を直接上書きしません。復元できるバックアップを確保し、タイトル・本文・抜粋・アイキャッチ・カテゴリー・公開URLを記録します。ステージングか別の練習用下書きを使います。
2. 代表的な一記事から試します。文章だけでなく、表・写真・キャプション・リスト・ショートコード・追加ブロックがある記事を選び、元の画面も比較用に残します。
3. 変更は一つずつ行います。エディターだけを切り替えるか、クラシックブロック一つだけを変換して保存します。テーマ変更やプラグイン整理を同時に行いません。
4. プレビューまたは公開画面を比較します。見出し階層、リンク、代替テキスト、表の列、ショートコード出力、スマートフォンの改行を確認します。編集画面に内容があるだけでは機能の正常動作は判断できません。
5. 異常があれば追加保存を止めます。保存前なら元に戻す操作を使えます。保存済みなら、利用できるリビジョンで変換前の本文を確認して復元するか、バックアップを使います。リビジョンの保存状況はサイト設定次第で、ファイルやプラグイン設定全体のバックアップではありません。
6. 本文と設定を別々に戻します。必要な本文を復元し、記録した既定エディターと関連設定も戻して再確認します。Classic Editorの無効化では保存済み本文の変換は取り消されません。復元を確認してから他の記事へ進むか判断してください。

よくある質問

どちらのエディターが多く使われていますか？

現在のWordPress全体の利用比率を一つの数値で断定することはできません。2023年の公式調査では回答者の60%がGutenbergを使うと答えています。これは2023年の回答者についての結果で、併用を除外した2026年の全体シェアではありません。Classic Editorの公式ページは2026年10月の確認時点で有効インストール数800万以上と表示していましたが、人数やクラシックだけを使うサイト数とは異なります。

エディターを変えるとSEOや速度は改善しますか？

エディター名だけで検索エンジン最適化（SEO）や速度向上は保証されません。GoogleのSEOスターターガイドが説明する、読みやすい内容、明確なタイトル、役立つリンクなど、最終ページの品質を確認しましょう。読み込み速度にはテーマ・画像・スクリプト・広告・追加ブロックなども影響します。同じ内容と環境で測定し、管理画面の操作感と訪問者のページ読み込み速度を区別してください。

クラシックテーマでもブロックエディターを使えますか？

使えます。クラシックテーマはテーマの構造を指し、記事をクラシックで書くことを意味しません。幅広配置、色、編集画面のスタイルなどの対応範囲はテーマごとに異なります。サイトエディターには別途ブロックテーマが必要です。

記事ごとに別のエディターを選べますか？

対応する環境でClassic Editorの切り替え許可を有効にすれば、記事ごとに選択できます。ただし、同じ記事を両方で交互に保存しても常に安全とは限りません。既存記事は互換性を確認した方式で維持し、新しい方式はコピーで先に試すことをおすすめします。