ブロックエディタ(Gutenberg)
ブロックエディタとは、WordPress 5.0から導入された新しいエディタのことです。段落、画像、見出しなどを「ブロック」として扱い、直感的に記事を作成できます。
ブロックエディタとは
ブロックエディタ(Block Editor)は、2018年12月のWordPress 5.0で導入された新しい投稿・固定ページエディタです。開発コードネーム「Gutenberg(グーテンベルク)」とも呼ばれます。
従来のクラシックエディタとは異なり、段落、画像、見出し、引用などのコンテンツ要素を「ブロック」という単位で管理します。各ブロックを積み木のように組み合わせることで、ページを作成していきます。
- 段落ブロック:通常のテキスト
- 見出しブロック:H2、H3などの見出し
- 画像ブロック:画像の挿入
- リストブロック:箇条書きや番号付きリスト
- 引用ブロック:引用文
- ボタンブロック:クリック可能なボタン
- カラムブロック:複数カラムのレイアウト
ブロックエディタとクラシックエディタの違い
| 項目 | ブロックエディタ | クラシックエディタ |
|---|---|---|
| 操作感 | 各要素をブロック単位で編集 | Word的なテキストエディタ |
| レイアウト | 複雑なレイアウトも簡単 | HTMLやCSSの知識が必要 |
| 再利用 | ブロックを再利用可能 | コピー&ペーストのみ |
| 学習曲線 | 最初は戸惑うが慣れると便利 | 直感的で分かりやすい |
| 拡張性 | プラグインで多数のブロック追加可能 | 限定的 |
ブロックエディタの使い方
ブロックの追加
- 「+」ボタンをクリックします(左上または各ブロック間に表示)。
- 追加したいブロックを選択します。
- 「/」を入力すると、クイック検索ができます(例:/画像)。
ブロックの移動
ブロックを選択すると、上下の矢印ボタンが表示されます。これをクリックするか、ドラッグ&ドロップで順序を変更できます。
ブロックの削除
ブロックを選択し、右側の「⋮」メニューから「ブロックを削除」を選択します。または、ブロック全体を選択してDeleteキーを押します。
ブロックの設定
ブロックを選択すると、右サイドバーに設定パネルが表示されます。ここで、配置、色、サイズなどを調整できます。
便利なブロック
再利用ブロック
よく使うブロックの組み合わせを「再利用ブロック」として保存できます。例えば、お問い合わせボタンや定型文を保存しておくと、他の記事でも簡単に挿入できます。
カラムブロック
複数カラムのレイアウトを簡単に作成できます。2カラム、3カラムなど、自由に設定可能です。
グループブロック
複数のブロックをまとめて管理できます。背景色を設定したり、まとめて移動したりできます。
カバーブロック
画像の上にテキストを重ねて表示できます。ヒーロー画像などに便利です。
ブロックエディタのメリット
- 直感的な操作:ビジュアル的にレイアウトを作成
- 複雑なレイアウト:カラムや配置が簡単
- 再利用性:ブロックやパターンの再利用
- プレビュー:編集しながら完成形を確認
- 拡張性:プラグインで機能追加
- 一貫性:ブロック単位で統一されたデザイン
クラシックエディタに戻す方法
ブロックエディタが使いにくい場合は、Classic Editorプラグインで従来のエディタに戻せます。
- 「プラグイン」→「新規追加」を開きます。
- 「Classic Editor」で検索します。
- 「今すぐインストール」→「有効化」をクリックします。
- これで従来のクラシックエディタに戻ります。
Classic Editorプラグインは2024年まで公式にサポートされていますが、将来的には非推奨になる可能性があります。できるだけブロックエディタに慣れることをおすすめします。
よくある質問(FAQ)
まとめ
ブロックエディタは、WordPress 5.0以降の標準エディタです。最初は戸惑うかもしれませんが、慣れると直感的で便利なツールです。ブロックを組み合わせることで、HTMLやCSSの知識がなくても、美しいレイアウトのページを作成できます。
- 基本的なブロック(段落、見出し、画像)を使いこなす
- 「/」検索でブロックを素早く追加
- 再利用ブロックで効率化
- カラムブロックで複雑なレイアウトを作成
- ブロックエディタ用プラグインで機能拡張