悩む人SWELL専用の独自ブロックの一つ「リスト入りグループ」について教えてほしいです。
こういった悩みにお答えします。
本記事で解決できること
- リスト入りグループとリストの違い
- リスト入りグループのサンプルデザイン40選が見れる
- リスト入りグループの使い方（挿入やカスタマイズ方法）
- 後でリストからリスト入りグループに変更する方法
是非、最後までご覧ください。
【SWELL】リスト入りグループとリストの違い
SWELLブロックから選択できるリスト入りグループ
アイコンボックスに入ったリストです。
アイコンボックスに背景色をつけることもできます。
アイコンボックスとリストで背景色を分けることもできます。
テキストから選択できるリスト
アイコンボックスに入っていないリストです。
様々なアイコンに変更することができます。 ※ アイコンをチェックに変更しています。
背景色をつけることもできます。
WordPress側で用意してくれている「コアブロック」のリストに対してSWELL独自のカスタマイズを加えて使いやすくした「デザイン装飾」に関しては下記の記事で解説しています。
【SWELL】リスト入りグループのサンプルデザイン40選
サンプルデザインを見る前に知っておいてほしいこと
ボーダーセット
※ 下記の赤枠
スタイル
※ 下記の赤枠
アイコンボックス
※ 下記の赤枠
ブラウザ風やデスクトップ風
※ 下記の赤枠
アイコンボックスとボーダーセットとリストの組み合わせ
スタイルとリストの組み合わせ
アイコンボックスとリストの組み合わせ
アイコンボックスのカスタマイズ場所
管理画面メニューから、「SWELL設定」＞「エディター設定」を選択します。
エディター設定から、「アイコンボックス」を選択します。
アイコンボックス内にある「アイコンボックス（大）」からカスタマイズできます。
ブラウザ風やデスクトップ風とリストの組み合わせ
ボーダーセットとリストの組み合わせ
ボーダーセットのカスタマイズ場所
管理画面メニューから、「SWELL設定」＞「エディター設定」を選択します。
エディター設定の「ボーダーセット」からカスタマイズできます。
または、ボーダー設定の「ボーダーセット管理ページ」から、直接、エディター設定の「ボーダーセット」に移動もできます。
ボーダーセットとリストスタイルの組み合わせ
アイコンボックスとリストスタイルとの組み合わせ
【SWELL】リスト入りグループの使い方
リスト入りグループの挿入
管理画面メニューから、「投稿」＞「新規投稿を追加」を選択します。
（ブロック挿入ツールを切り替え）から、「ブロック」＞「SWELLブロック」＞「リスト入りグループ」を選択します。
これでリスト入りグループを使えます。
後でリストからリスト入りグループに変更する方法
（ブロック挿入ツールを切り替え）から、「ブロック」＞「テキスト」＞「リスト」を選択します。
リストが挿入されました。
リストを選択するとスタイルは表示されますが、この段階ではボーダーセットやアイコンボックスは出現していません。
リストを選択後、「（オプション）」を選択します。
オプションから、「グループ化」を選択します。
これで、ボーダーセットやアイコンボックスを選択できるようになります。
今回は以上です。