ホーム » WordPress:ブロックエディターの基本

WordPress:ブロックエディターの基本

WordPress:ブロックエディターの基本

文章・見出し・画像などを「ブロック」という部品で組み立てます。このページでは、部品の追加・入力・並び替え・削除まで説明します。

開発環境の実際の画面で説明します。赤い番号と、その下の手順を順番に確認してください。画面は撮影時のものです。WordPressのバージョン・権限・テーマによって表示が異なります。

1.ブロックを追加する

1 +を開く / 2 名前で検索 / 3 見出しを選ぶ123
1 +を開く / 2 名前で検索 / 3 見出しを選ぶ
画像を大きく見る(赤い番号付き)
1 +を開く / 2 名前で検索 / 3 見出しを選ぶ123
  1. 投稿または固定ページの編集画面を開き、左上の「+」(ブロックインサーター)を押します。
  2. 検索欄に「見出し」「画像」「リスト」など、使う部品の名前を入力します。
  3. 目的のブロックを押して本文へ追加します。意図した場所と違った場合は、後の「並び替え」で位置を直せます。
Elementorで作ったページは「Elementorで編集」を使います。この説明はWordPress標準のブロックエディター用です。

2.文字・画像を入力する

使うブロック入力する内容
段落通常の文章。Enterで次の段落、Shift+Enterで同じ段落内の改行。
見出し内容の区切り。本文の大きな区切りはH2、その下の小さな区切りはH3が目安。
画像「アップロード」または「メディアライブラリ」で画像を選び、代替テキストを確認。
リスト1項目ずつ入力しEnterで次の項目へ。空の項目でEnterを押すとリストを終了。
文字を大きくする目的だけで見出しを使わず、文章の構造に合わせて選びます。画像の詳しい設定はメディアの使い方を参照してください。

3.並び替え・削除する

1 上下の矢印 / 2 ブロックのオプション / 3 削除123
1 上下の矢印 / 2 ブロックのオプション / 3 削除
画像を大きく見る(赤い番号付き)
1 上下の矢印 / 2 ブロックのオプション / 3 削除123
  1. 移動したいブロックを押し、ツールバーの「上に移動」「下に移動」で順番を変えます。
  2. 削除したいブロックは、そのブロックの「︙」(オプション)を開きます。画面右上にある記事全体のオプションと区別してください。
  3. 「削除」を選びます。間違えた直後は、編集画面左上の「元に戻す」で戻せます。
長い記事は左上の「ドキュメント概観」→リスト表示を使うと、ブロックを選びやすくなります。

4.保存して見た目を確認する

  1. 新しい記事は「下書き保存」、公開済みの記事は「保存」または「更新」を押します。
  2. 「表示」からプレビューを開き、見出しの順序・画像の大きさ・箇条書きを確認します。
  3. 公開済みなら公開URLを開き、スマートフォンでも確認します。
完了チェック
  • 見出しで内容が区切られている。
  • 画像やブロックが意図した順番になっている。
  • 保存完了と公開側の表示を確認した。

← WordPress基本マニュアルの一覧へ