ブロックエディターのリスト表示は、コンテンツの階層やネストされたブロック間を移動するのに役立ちます。投稿や固定ページのエディター、または「外観 > エディター」でブロックを選択して整理するときに、リスト表示でできることを見てみましょう。
学習成果
1. クエリーループブロック内でリスト表示を使用して項目を並べ替え、表示できるようになります。
2. リスト表示から追加のブロック設定にアクセスできるようになります。
補足質問
1. ネストされたブロック内で単一のブロックを選択する、より正確な方法が必要ですか？
2. ブロックの挿入方法についてご存じですか？
トランスクリプト
それでは、投稿を作成したとします。ここで個々の項目に移動したいと思います。ご覧のように、ここにはさまざまな種類のブロックが含まれています。ここで、カラムのエリアだけに移動したいとします。これを選択しても、目的の場所に移動するのが難しい場合があります。
ここで2回目にクリックすると、カーソルがそこに移動したことがわかります。しかし、私が選択したかったのはカラム全体のグループです。もう一度この大きなボタンを選択して「カラムを選択」することもできますし、代わりにリスト表示を開いて、カラムのエリアに直接移動することもできます。
ご覧のように、これは展開したり折りたたんだりできるメニューです。これでカラム全体を選択しました。トップレベルの項目であれサブメニュー項目であれ、各項目の右側にはケバブメニューがあり、追加のオプションを利用できます。たとえば、その他の設定を表示したり、その設定を非表示にしたりできます。何かをグループ化したり、そこから再利用可能なブロックを作成したり、項目を移動したり、挿入箇所の前後に移動したり、項目をコピーしたりすることもできます。
さらに、ここにいる間に、今回の例では「高度な設定」エリアで最初のカラムにアンカーを設定し、その文字列内でスペースバーを押すと、自動的にハイフンが付けられることに気づくでしょう。これはここで起きるだけではありません。リスト表示内を見ると、リスト表示を使って移動する際に項目をより素早く識別するのに役立つ表示が表示されています。つまり、リスト表示は、目的の特定のエリアに移動するための心強い味方になります。
さらに、ダッシュボードに戻って「外観」エディターに移動すると、ここでもリスト表示を使用できることがわかります。たとえば、投稿のプレビューで、アイキャッチ画像とタイトルを移動したい場合があります。実際のコンテンツエリア内で操作するよりも、リスト表示内で操作するほうがはるかに簡単です。
サイトのコンテンツを簡単に整理するには、リスト表示を確認してみましょう。