WordPress5.0から新しく実装されたビジュアルエディタ「Gutenberg(グーテンベルグ)」の使い方を説明していくシリーズです。
今回は、 「リスト」ブロックの使い方です。
ブロック「リスト」の使い方
”箇条書き表示”や”番号付き表示”にしたい場合は、「リスト」を利用します。
STEP1
![](https://komatoki.com/wp-content/uploads/2020/10/716149c2b2efbb7e11004046fe1bb26a-1024x733.jpg)
ブロック追加⊕をクリックし「リスト」を選択する。
STEP2
![](https://komatoki.com/wp-content/uploads/2020/10/d14d0973a924e447a37368541500f46b-1-1024x713.jpg)
リストブロックの中に、リスト項目を入力していきます。
1つ入力したら[Enter]をクリックして改行し、次のリスト項目を入力していきます。
入力したい項目数分を繰り返します。
※デフォルトは「箇条書きリストに変換」が選択表示されます。
STEP3
![](https://komatoki.com/wp-content/uploads/2020/10/0c3acf286f3f1adc7758a6d3eb1dd29f-1024x697.jpg)
ブロック上のツールバーより「番号付きリストに変換」をクリックすると、
番号付きリスト表示になります。
STEP4
![](https://komatoki.com/wp-content/uploads/2020/10/bc59177d64b949dd839e9e4511b43e2f-1024x695.jpg)
リストの途中に新しい項目を追加したい場合、例えば 1 番目と 2 番目の場合は、 一番目の項目の最後にカーソルを置いてから [Enter] をクリックします。
1 番目と 2 番目の間に新しい項目が追加されます。
STEP5
![](https://komatoki.com/wp-content/uploads/2020/10/ca0241c7d49ad4eed464838444236d16-1024x692.jpg)
「箇条書きリストに変換」をクリックし、箇条書きリストに戻せます。
入れたい項目をSTEP4の手順で入力していきます。
プレビュー画面
![](https://komatoki.com/wp-content/uploads/2020/10/fc39c443a9880ca2522ba1e7b7d501aa-1.jpg)
実際の表示が確認できます。
(プレビューで表示される画面)