【SWELL】リスト入りグループの使い方【サンプルデザイン40選】

SWELLブロックから選択できるリスト入りグループ

アイコンボックスに入ったリストです。

アイコンボックスに背景色をつけることもできます。

アイコンボックスとリストで背景色を分けることもできます。

テキストから選択できるリスト

アイコンボックスに入っていないリストです。

様々なアイコンに変更することができます。　※ アイコンをチェックに変更しています。

背景色をつけることもできます。

WordPress側で用意してくれている「コアブロック」のリストに対してSWELL独自のカスタマイズを加えて使いやすくした「デザイン装飾」に関しては下記の記事で解説しています。

あわせて読みたい

【SWELL】リストで使えるデザイン装飾と使い方【全24パターン】 【SWELL】リストで使える「デザイン装飾」や使い方について知りたいですか？本記事では、WordPress側で用意してくれている「コアブロック」のリストに対してSWELL独自のカスタマイズを加えて使いやすくした「デザイン装飾」全24パターンの紹介からリストの使い方までを解説しています。リストで使える「デザイン装飾」や使い方について知りたい方は是非ご覧ください。

アイコンボックスとボーダーセットとリストの組み合わせ

スタイルとリストの組み合わせ

アイコンボックスとリストの組み合わせ

アイコンボックスのカスタマイズ場所

管理画面メニューから、「SWELL設定」＞「エディター設定」を選択します。

エディター設定から、「アイコンボックス」を選択します。

アイコンボックス内にある「アイコンボックス（大）」からカスタマイズできます。

ブラウザ風やデスクトップ風とリストの組み合わせ

ボーダーセットとリストの組み合わせ

ボーダーセットのカスタマイズ場所

管理画面メニューから、「SWELL設定」＞「エディター設定」を選択します。

エディター設定の「ボーダーセット」からカスタマイズできます。

または、ボーダー設定の「ボーダーセット管理ページ」から、直接、エディター設定の「ボーダーセット」に移動もできます。

ボーダーセットとリストスタイルの組み合わせ

アイコンボックスとリストスタイルとの組み合わせ

リスト入りグループの挿入

管理画面メニューから、「投稿」＞「新規投稿を追加」を選択します。

（ブロック挿入ツールを切り替え）から、「ブロック」＞「SWELLブロック」＞「リスト入りグループ」を選択します。

これでリスト入りグループを使えます。

後でリストからリスト入りグループに変更する方法

（ブロック挿入ツールを切り替え）から、「ブロック」＞「テキスト」＞「リスト」を選択します。

リストが挿入されました。

リストを選択するとスタイルは表示されますが、この段階ではボーダーセットやアイコンボックスは出現していません。

リストを選択後、「 （オプション）」を選択します。

オプションから、「グループ化」を選択します。

これで、ボーダーセットやアイコンボックスを選択できるようになります。