【SWELLのリスト装飾まとめ】箇条書きを“見せるデザイン”に変える方法💡

SWELL

・このサイトも「SWELL」を使用してサイトを作成しています!

・「国内人気No.1のWordPressテーマ」使用すれば分かる!

・とにかくWordPressテーマで迷ったら「SWELL」で間違いなし!

・よく分からなくても大丈夫!このサイトでも解説してるよ!


SWELLには「リスト装飾」という便利な機能があり、ただの箇条書きを“デザイン要素”に変えることができます。文章を読みやすくしたり、重要なポイントを印象づけたりするのに大活躍です。今回は、その使い方とおすすめデザインを紹介します!

💻リスト装飾の基本設定

まず、ブロックエディタで通常の「リストブロック」を追加します。
次に、右側のサイドバーにある「リスト装飾」タブをクリックすると、SWELL独自の設定が表示されます。

ここでは以下の項目を調整できます。

  • アイコン種類:チェックマーク・記号・番号など豊富に選択可能
  • アイコンカラー:ブランドカラーに合わせて統一感を出せます
  • リスト線:点線や実線など、装飾の有無を選べます
  • 余白調整:リスト同士の間隔を整えて、読みやすさを向上

設定を変更すると、リアルタイムでプレビューに反映されるのも嬉しいポイント。

🎨 SWELLリストスタイル一覧

SWELLには初期状態で複数のリストスタイルが用意されています。
代表的なスタイルを以下にまとめました👇

デフォルト
  • リスト
  • リスト
  • リスト
目次風
  • リスト
  • リスト
  • リスト
チェック
  • リスト
  • リスト
  • リスト
マル
  • リスト
  • リスト
  • リスト
三角
  • リスト
  • リスト
  • リスト
バツ
  • リスト
  • リスト
  • リスト
丸数字
  • リスト
  • リスト
  • リスト
注釈
  • リスト
  • リスト
  • リスト

さらには、番号付きのリストも用意されています。

デフォルト
  1. リスト
  2. リスト
  3. リスト
目次風
  1. リスト
  2. リスト
  3. リスト
注釈
  1. リスト
  2. リスト
  3. リスト

🧩 追加スタイルの使い方

もっと個性的なデザインにしたい場合は、「追加スタイル」を活用しましょう。
ブロックエディタの上部ツールバーから「リストの追加スタイル」を選択すると、次のような装飾が選べます。

下線をつける
  • リスト
  • リスト
  • リスト
横並び
  • リスト
  • リスト
  • リスト

🎁 まとめ:リスト装飾で記事の“見やすさ”が変わる!

SWELLのリスト装飾は、デザインのプロでなくても簡単に使えるのが魅力。
文章だけでは伝わりづらいポイントを“見せる形”で補えるので、滞在時間アップにもつながります。

SWELLをまだ使っていない方は、ぜひ一度公式サイトで機能一覧をチェックしてみてください👇

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


目次