本記事では、Webサイトのお知らせやブログ記事を作成する機能である「ブロックエディタ」の操作方法を解説します。
従来の文章作成ツールとは異なり、文章や画像を「ブロック」という単位で扱い、それらを積み重ねてページを作成するのが特徴です。
基本操作さえ覚えれば、レイアウトの整った記事を簡単に作成できます。
1. ブロックエディタの仕組み
ブロックエディタでは、ページを構成する要素をすべて「ブロック」として扱います。
- 文章を書くブロック
- 画像を配置するブロック
- 見出しを作るブロック
これらを上から順に並べていくことで、1つのページが完成します。
2. 記事作成の基本手順
新規記事の追加画面を開き、以下の手順で作成を進めます。
手順①：タイトルを入力する
画面最上部の「タイトルを追加」と書かれた箇所に、記事の題名を入力します。
手順②：本文（文章）を書く
タイトルの下をクリックし、そのまま文字を入力します。
文字を入力すると、自動的に「段落ブロック」として文章が作成されます。
改行についての注意点
- Enter キー：新しい段落（ブロック）に切り替わります。行間が少し開きます。
- Shift + Enter キー：同じブロック内で改行します。行間を詰めたい場合に使用します。
手順③：新しい要素（画像など）を追加する
文章以外の要素を入れたい場合は、画面左上、または入力エリアの右側に表示される「＋」ボタンをクリックします。
表示されたメニューから、使用したいブロックを選択してください。
3. よく使うブロックの種類
日常的な更新では、以下の基本ブロックを主に使用します。
| ブロック名 | 用途 |
| 段落 | 通常の文章を入力する際に使用します。 |
| 見出し | 記事の章や節のタイトルに使用します。読みやすい記事にするために重要です。 |
| 画像 | 写真や図版を挿入します。 |
| リスト | 箇条書きや、番号付きのリストを作成します。 |
| 区切り | 話題が変わる際などに、水平線（区切り線）を入れて読みやすくします。 |
4. 文字の装飾とリンク設定
文字を太くしたり、リンクを設定したりする場合は、ブロックを選択した際に表示される「ツールバー」を使用します。
- 太字（B）：強調したい文字を選択し、「B」をクリックします。
- リンク（鎖のマーク）：リンクを設定したい文字を選択し、鎖のマークをクリックしてURLを入力します。
- 配置の変更：文章や画像の配置（左寄せ・中央寄せなど）を調整できます。
5. ブロックの移動と削除
配置したブロックは、後から場所を変えたり削除したりできます。
移動する場合
ブロックを選択すると表示されるツールバー内の「上下の矢印（↑↓）」をクリックすると、ブロックごと順序を入れ替えることができます。
削除する場合
- 削除したいブロックを選択します。
- ツールバーの右端にある「︙（3点リーダー）」をクリックします。
- メニューの一番下にある「削除」を選択します。
6. 記事全体の設定（カテゴリー・アイキャッチ）
記事を書き終えたら、画面右側の設定パネルを確認します。
（パネルが表示されていない場合は、画面右上の「歯車アイコン⚙️」をクリックしてください）
「投稿」タブ内で、主に以下の設定を行います。
- カテゴリー：記事が属するカテゴリー（お知らせ、ブログなど）にチェックを入れます。
- アイキャッチ画像：記事一覧ページなどで表示される、表紙となる画像を設定します。
7. 公開の流れ
設定が完了したら、以下のボタンで公開作業を行います。
- 下書き保存：画面右上の「下書き保存」をクリックします。記事は公開されず、管理画面内に保存されます。
- プレビュー：「プレビュー」→「新しいタブでプレビュー」をクリックすると、実際のWebサイトでの見え方を確認できます。
- 公開：内容に問題がなければ、右上の「公開」ボタンをクリックします。これでWebサイト上に記事が掲載されます。
操作を間違えた場合
操作を誤った場合は、画面左上の「矢印（↶）」ボタン（取り消し）をクリックすることで、一つ前の状態に戻すことができます。