WordPress5.0から新しく実装されたビジュアルエディタ「Gutenberg(グーテンベルグ)」の使い方を説明していくシリーズです。
今回は、 「リスト」の階層化の方法です。
「リスト」の階層化の方法
「リスト」を階層化するには「リスト項目をインデント」を利用します。
STEP1
リストの作り方は、「WordPress記事に「リスト」を追加したい」より確認できます。
STEP2
![](https://komatoki.com/wp-content/uploads/2020/10/bb6bba843cd9fe98101359b7cf6b10db-1024x687.jpg)
リストに階層構造を持たせることができます。
対象のリスト項目にカーソルをあわせ、[リスト項目をインデント]をクリックします。
[リスト項目のインデントを戻す]をクリックして、元の階層に戻すこともできます。
STEP2
![](https://komatoki.com/wp-content/uploads/2020/10/9d1e0d49d2c6c2971fc805e660d50667-1024x697.jpg)
その他の対象リスト項目もSTEP1同様に一項目ごとにカーソルをあわせ、
[リスト項目をインデント]をクリックして設定していきます。
プレビュー画面
![](https://komatoki.com/wp-content/uploads/2020/10/24f2ae6644a4db768f93fee8d6cfe537.jpg)
実際の表示が確認できます。
(プレビューで表示される画面)
★関連サイト★
WordPress記事に「リスト」を追加したい
WordPress記事の「リスト」の表示スタイルを変更したい
WordPress記事の「リスト」の書式を設定したい