ブロックエディタとは

ブロックエディタ(Block Editor)は、2018年12月のWordPress 5.0で導入された新しい投稿・固定ページエディタです。開発コードネーム「Gutenberg(グーテンベルク)」とも呼ばれます。

従来のクラシックエディタとは異なり、段落、画像、見出し、引用などのコンテンツ要素を「ブロック」という単位で管理します。各ブロックを積み木のように組み合わせることで、ページを作成していきます。

💡 ブロックの例
  • 段落ブロック:通常のテキスト
  • 見出しブロック:H2、H3などの見出し
  • 画像ブロック:画像の挿入
  • リストブロック:箇条書きや番号付きリスト
  • 引用ブロック:引用文
  • ボタンブロック:クリック可能なボタン
  • カラムブロック:複数カラムのレイアウト

ブロックエディタとクラシックエディタの違い

項目 ブロックエディタ クラシックエディタ
操作感 各要素をブロック単位で編集 Word的なテキストエディタ
レイアウト 複雑なレイアウトも簡単 HTMLやCSSの知識が必要
再利用 ブロックを再利用可能 コピー&ペーストのみ
学習曲線 最初は戸惑うが慣れると便利 直感的で分かりやすい
拡張性 プラグインで多数のブロック追加可能 限定的

ブロックエディタの使い方

ブロックの追加

  1. 「+」ボタンをクリックします(左上または各ブロック間に表示)。
  2. 追加したいブロックを選択します。
  3. 「/」を入力すると、クイック検索ができます(例:/画像)。

ブロックの移動

ブロックを選択すると、上下の矢印ボタンが表示されます。これをクリックするか、ドラッグ&ドロップで順序を変更できます。

ブロックの削除

ブロックを選択し、右側の「⋮」メニューから「ブロックを削除」を選択します。または、ブロック全体を選択してDeleteキーを押します。

ブロックの設定

ブロックを選択すると、右サイドバーに設定パネルが表示されます。ここで、配置、色、サイズなどを調整できます。

便利なブロック

再利用ブロック

よく使うブロックの組み合わせを「再利用ブロック」として保存できます。例えば、お問い合わせボタンや定型文を保存しておくと、他の記事でも簡単に挿入できます。

カラムブロック

複数カラムのレイアウトを簡単に作成できます。2カラム、3カラムなど、自由に設定可能です。

グループブロック

複数のブロックをまとめて管理できます。背景色を設定したり、まとめて移動したりできます。

カバーブロック

画像の上にテキストを重ねて表示できます。ヒーロー画像などに便利です。

ブロックエディタのメリット

✅ ブロックエディタの利点
  • 直感的な操作:ビジュアル的にレイアウトを作成
  • 複雑なレイアウト:カラムや配置が簡単
  • 再利用性:ブロックやパターンの再利用
  • プレビュー:編集しながら完成形を確認
  • 拡張性:プラグインで機能追加
  • 一貫性:ブロック単位で統一されたデザイン

クラシックエディタに戻す方法

ブロックエディタが使いにくい場合は、Classic Editorプラグインで従来のエディタに戻せます。

  1. 「プラグイン」→「新規追加」を開きます。
  2. 「Classic Editor」で検索します。
  3. 「今すぐインストール」→「有効化」をクリックします。
  4. これで従来のクラシックエディタに戻ります。
⚠️ 注意
Classic Editorプラグインは2024年まで公式にサポートされていますが、将来的には非推奨になる可能性があります。できるだけブロックエディタに慣れることをおすすめします。

よくある質問(FAQ)

Q1. ブロックエディタとクラシックエディタ、どちらを使うべきですか?
これから始めるなら、ブロックエディタをおすすめします。最初は慣れが必要ですが、慣れれば直感的で便利です。ただし、シンプルなテキスト記事だけを書く場合は、クラシックエディタの方が使いやすいと感じるかもしれません。
Q2. ブロックエディタで作った記事をクラシックエディタで編集できますか?
できますが、レイアウトが崩れる可能性があります。ブロックエディタの複雑なレイアウトは、クラシックエディタでは正しく表示されないことがあります。一度編集方法を決めたら、同じエディタを使い続けることをおすすめします。
Q3. ブロックを追加するショートカットはありますか?
はい、「/」を入力するとブロック検索が開きます。例えば「/画像」と入力すると、画像ブロックを素早く追加できます。また、「##」とスペースを入力するとH2見出し、「-」とスペースでリストになります。
Q4. ブロックエディタが重くて動作が遅いです。
ブラウザのキャッシュをクリアする、不要なプラグインを無効化する、画像を最適化するなどで改善する場合があります。また、古いブラウザを使っている場合は、最新版にアップデートしてください。
Q5. ブロックの種類を増やすには?
ブロック追加プラグインをインストールすることで、様々なブロックを追加できます。人気のプラグインには、Stackable、Ultimate Addons for Gutenberg、Getwid などがあります。

まとめ

ブロックエディタは、WordPress 5.0以降の標準エディタです。最初は戸惑うかもしれませんが、慣れると直感的で便利なツールです。ブロックを組み合わせることで、HTMLやCSSの知識がなくても、美しいレイアウトのページを作成できます。

✅ ブロックエディタ活用のチェックリスト
  • 基本的なブロック(段落、見出し、画像)を使いこなす
  • 「/」検索でブロックを素早く追加
  • 再利用ブロックで効率化
  • カラムブロックで複雑なレイアウトを作成
  • ブロックエディタ用プラグインで機能拡張

関連用語