SWELLには「リスト装飾」という便利な機能があり、ただの箇条書きを“デザイン要素”に変えることができます。文章を読みやすくしたり、重要なポイントを印象づけたりするのに大活躍です。今回は、その使い方とおすすめデザインを紹介します!
💻リスト装飾の基本設定
まず、ブロックエディタで通常の「リストブロック」を追加します。
次に、右側のサイドバーにある「リスト装飾」タブをクリックすると、SWELL独自の設定が表示されます。

ここでは以下の項目を調整できます。
- アイコン種類:チェックマーク・記号・番号など豊富に選択可能
- アイコンカラー:ブランドカラーに合わせて統一感を出せます
- リスト線:点線や実線など、装飾の有無を選べます
- 余白調整:リスト同士の間隔を整えて、読みやすさを向上
設定を変更すると、リアルタイムでプレビューに反映されるのも嬉しいポイント。
🎨 SWELLリストスタイル一覧
SWELLには初期状態で複数のリストスタイルが用意されています。
代表的なスタイルを以下にまとめました👇
デフォルト
- リスト
- リスト
- リスト
目次風
- リスト
- リスト
- リスト
チェック
- リスト
- リスト
- リスト
マル
- リスト
- リスト
- リスト
三角
- リスト
- リスト
- リスト
バツ
- リスト
- リスト
- リスト
丸数字
- リスト
- リスト
- リスト
注釈
- リスト
- リスト
- リスト
さらには、番号付きのリストも用意されています。
デフォルト
- リスト
- リスト
- リスト
目次風
- リスト
- リスト
- リスト
注釈
- リスト
- リスト
- リスト
🧩 追加スタイルの使い方
もっと個性的なデザインにしたい場合は、「追加スタイル」を活用しましょう。
ブロックエディタの上部ツールバーから「リストの追加スタイル」を選択すると、次のような装飾が選べます。
下線をつける
- リスト
- リスト
- リスト
横並び
- リスト
- リスト
- リスト
🎁 まとめ:リスト装飾で記事の“見やすさ”が変わる!
SWELLのリスト装飾は、デザインのプロでなくても簡単に使えるのが魅力。
文章だけでは伝わりづらいポイントを“見せる形”で補えるので、滞在時間アップにもつながります。
SWELLをまだ使っていない方は、ぜひ一度公式サイトで機能一覧をチェックしてみてください👇




コメント