原稿ノートと写真カード、鉛筆を並べた紙細工のイラスト
解説用イラスト(AI生成)。実際の管理画面ではありません。
この手順でできること

ブロックの親子関係を見ながら安全に編集できます。

作業を始める前に

  • 変更前の画面と設定値を記録し、戻せる状態で作業します。
  • 管理画面の名称や使える機能は、WordPressのバージョン・権限・テーマで異なります。
AT A GLANCE先に、全体の流れを確認
  1. 01ドキュメントの構造を開く
  2. 02変更する範囲を選ぶ
  3. 03まとまりごとに移動する
  4. 04プレビューと履歴を確認する

下の各項目で、判断のポイントと確認方法を説明します。

進め方・判断のポイント 04 STEPS

01

ドキュメントの構造を開く

投稿や固定ページの編集画面で、上部のドキュメント概観からリスト表示を開きます。画面上の見た目ではなく、ブロックがどの中に入っているかを確認できます。対象のグループを展開し、見出し・画像・ボタンの関係を見ます。長いページは使わない階層を折りたたむと探しやすくなります。

✓ 完了の目印

編集したいセクションの位置を見つけました。

02

変更する範囲を選ぶ

背景色や余白を変えるときは親のグループ、文章を変えるときは段落を選びます。親を削除すると内側の内容も対象になるため、選択の範囲を見てから操作します。利用中のバージョンでブロック名の変更ができるなら、「サービス案内」「問い合わせ導線」のように役割が分かる名前を付けます。

✓ 完了の目印

親と子のどちらを編集するか判断できます。

03

まとまりごとに移動する

サービスの説明を上下へ移すなら、写真・見出し・ボタンを含むグループをまとめて選びます。矢印やドラッグで移動した後、別のカラムの内側へ入っていないか階層を確認します。同期パターンの場合は他ページへの影響もあるため、変更が共有される範囲を確認して進めます。

✓ 完了の目印

必要な内容を欠かさず、セクションを移動できました。

04

プレビューと履歴を確認する

画面上の並びだけでなく、スマホでの順序とページ内リンクの飛び先を確認します。大きな移動の前には下書きを保存し、誤った操作は直後の取り消しで戻します。保存後に戻す場合はリビジョンを確認しますが、すべての設定がリビジョンの対象とは限らないため変更前の記録も残します。

✓ 完了の目印

構造と公開表示が一致していることを確認しました。

終わったら確認すること

  • ブロックの親子関係を見ながら安全に編集できます。
  • 変更したページと、そこへつながる一覧・メニューをログアウトした状態で確認します。

途中で困ったときは

グループをクリックしても段落が選ばれます。

リスト表示で外側のグループ名を選ぶと範囲を指定しやすくなります。画面上のクリックだけで繰り返し選び直す必要はありません。

移動したらレイアウトが崩れました。

移動先の階層が変わった可能性があります。取り消してから親グループごと移動し、同じ深さに配置されたか確認します。

参照した公式資料

画面や条件が異なる場合は、ご利用環境と公式の最新案内を確認してください。

手順確認日 2026.10.30 / 読む時間は目安です。操作に必要な時間は環境によって異なります。

管理画面の項目を調べる

入力欄の意味・操作・確認方法を、項目ごとに確認できます。

編集画面 → オプション/設定 →投稿/固定ページ → 編集 → ブロック →