【WordPress】ブロックエディターの種類と使い方

ブロックエディターとは

WordPressに標準で搭載されている「ブロックエディター」は、ホームページやブログの記事を作るためのとても便利なツールです。

ブロックエディターの最大の特徴は、記事やページを「ブロック」と呼ばれる小さな部品を組み合わせて作れること。

この「ブロック」とは、たとえば「テキストを書く部分」「画像を表示する部分」「見出しを入れる部分」など、一つひとつの要素を指します。
まるで積み木を組み立てるように、自分の好きなように並べたり配置したりできるのが魅力です。

さらに、それぞれのブロックには特別な機能がついていて、たとえば「見出しのデザインを変える」「背景に色をつける」「文字のサイズを大きくする」など、直感的に設定を変えられるので、専門的な知識がなくてもプロっぽいデザインを作ることができます。

初心者の方でも安心して使えるように作られているので、「こんなデザインにしたい」「ここに画像を入れたい」というアイデアをすぐ形にすることができます。
ブロックエディターを使うことで、記事やページをより魅力的に仕上げることができるのです。

慣れれば自由自在にカスタマイズできるようになるので、種類や使い方を覚えていきましょう。

ブロックエディターの種類と使い方

段落ブロック

ブログ記事の基本単位で、テキストを記述するためのブロック。
文字サイズ、色、背景色、文字間隔などが調整可能です。

使い方:

1. ブロックを選択してテキストを入力する
2. サイドバー（右側）で「文字サイズ」「色の設定」「背景色」を調整する
3. フォーマットバーで太字、斜体、リンク挿入を設定する

見出しブロック

見出しを作成するためのブロック。
H1～H6までの階層があり、SEO対策にも役立ちます。

使い方:

1. 見出しブロックを追加し、テキストを入力する
2. H2やH3など「見出しレベル」を選択する
3. 「配置設定」で左揃え、中央揃えを調整する

画像ブロック

画像を挿入し、キャプションやリンク、代替テキストを設定する。

使い方:

1. 画像ブロックを選択し、「アップロード」「メディアライブラリ」「URL入力」のいずれかで画像を挿入する
2. サイドバーで「幅」「高さ」「代替テキスト」を設定する
3. 必要に応じてリンクやキャプションを追加する

リストブロック

箇条書きリストまたは番号付きリストが作成できる

使い方:

1. リストブロックを選択し、各項目を入力する
2. 「インデント」を使用して階層化する
3. サイドバーでリスト全体のカスタマイズを行う

カラムブロック

機能:
ページを複数の列（カラム）に分割して、異なるブロックが挿入可能になる。

使い方:

1. カラムブロックを挿入し、列数（例：2列、3列）を選択する
2. 各カラムにテキスト、画像、リストなどのブロックを配置する
3. サイドバーでカラム間のスペースや配置を調整する

ボタンブロック

クリック可能なボタンが作成でき、リンク先を指定できる。

使い方:

1. ボタンブロックを挿入し、ボタンのテキストを入力する
2. 「リンク先」を設定して、外部サイトや内部ページにリンクする
3. サイドバーでボタンの形状（角丸、四角）、色、サイズを調整する

テーブルブロック

シンプルな表を作成し、行や列が追加できる。

使い方:

1. ブロックを挿入し、行数と列数を設定する
2. 各セルに内容を入力する
3. サイドバーで「ストライプ模様」や「境界線」を設定する

カバーブロック

背景画像や背景色を使用したセクションを作成する

使い方:

1. カバーブロックを挿入し、背景画像または色を設定する
2. 上にテキストやボタンを追加する
3. サイドバーで透明度や配置を調整する

埋め込みブロック

YouTube、Twitter、Instagramなど外部サイトのコンテンツを埋め込む

使い方:

1. 「埋め込み」ブロックを選択し、対応するサービスを選ぶ
2. 埋め込みたいURLを入力する
3. サイドバーで埋め込みサイズを調整する

再利用可能ブロック

機能:
よく使うデザインや構成を保存して、別の記事で再利用ができる。

使い方:

1. 作成したブロックまたは複数ブロックを選択し、「再利用可能ブロックとして保存」する
2. 他の記事で「再利用可能ブロック」から選択して挿入する
3. 編集内容を変更すると、すべての適用箇所に反映される

追加のTips

• ショートカットキー: ブロックエディターでは「/」を入力すると、ブロック検索が可能。
• プレビュー: 作成中のブロックデザインをリアルタイムで確認。
• ドラッグ＆ドロップ: ブロックを上下に移動して簡単に再配置。

まとめ

ブロックエディターは、WordPressの投稿やページを作成するための強力なツール。

基本機能を活用するだけでも、美しく整ったコンテンツが簡単に作成できます。

読むだけではなかなか理解できないと思いますので、まず基本的なブロックを試しながら慣れることが大切です。

ブロックエディターを使いこなすことで、デザイン性と生産性の両方が向上するので、各ブロックの特性を理解し、記事やページに適切に活用していきましょう！