リスト表示を使用する

リスト表示は、ページで使用されているブロックを扱いやすくする、WordPress エディターに欠かせない機能です。このガイドでは、リスト表示を最大限に活用する方法を紹介します。

このガイド内

1. 動画チュートリアル
2. リスト表示にアクセスする
3. リスト表示からブロックを選択する
4. リスト表示の用途
5. ブロックをクリーンアップする

動画チュートリアル

リスト表示にアクセスする

リスト表示にアクセスするには、エディターの左上にある、3本の水平線が上下に並んだアイコンをクリックします。

リスト表示を開く

リスト表示からブロックを選択する

リスト表示を開くと、リスト内でネストされたブロックを展開し、個々のブロックを選ぶことができます。親ブロックをクリックしてリスト表示を折りたたむこともできます。

リスト表示でブロックを選択する

この操作により、そのページまたは投稿に挿入したすべてのブロックが、わかりやすい階層構造でリスト表示されます。

リスト表示されたブロックの例。

リスト表示の用途

リスト表示には複数のメリットがあります。

• ページで使用されているすべてのブロックの正確な順序と構造を確認できるため、ページのコンテンツが多い場合は特に便利です。
• カラムブロックの中にある個々のカラムなど、他のブロックがネストされているブロックを選択できます。
• ブロックをクリックしたままドラッグすると、ページ内の別の場所に移動できます。さらに詳しく。
• リスト表示で任意のブロックの横にある省略記号 (3つの点) をクリックすると、以下の操作ができます。
  • ブロックの追加設定を表示する。
  • ブロックをコピーする。
  • ブロックの複製を作る。
  • 選択したブロックの前後に新しいブロックを挿入する。
  • ブロックをページの新しい部分に移動する。
  • ブロックを HTML として編集する。
  • 選択したブロックから再利用可能ブロックを作成する。
  • ブロックを削除する。さらに詳しく。

ブロックをクリーンアップする

テーマによって追加されたデモコンテンツを扱ったり、固定ページレイアウトを使っていると、知らないうちに不要なブロックが増えて混乱することがあります。特に、カラムブロック、グループブロック、レイアウトグリッドブロックなどのレイアウトブロックを使用していると、サイトでの表示に不具合が生じることがあります。

リスト表示を使うと、ブロックの構成をクリーンアップして必要なブロックだけを残し、余分なものがない状態を保つことができます。

1. まず、エディターの左上にある3本の横線が重なったアイコンをクリックしてリスト表示を開きます。
2. ページで使用されているブロックのリストを表示し、問題の原因となっているブロックを特定できるかどうかを確認します。
3. ブロックの横にある省略記号 (3つの点) をクリックして「削除」オプションを選択すると、そのブロックが削除されます。
   • ブロックの中に複数のブロックがネストされている場合、そのブロックを削除するとネストされたブロックも削除されるため、まずそのブロックからすべてのブロックを移動させます。

以下の動画はこのプロセスを説明しています。