【SWELL】リストの作り方とリストのスタイルを変更する方法をご紹介!

swellのリスト作成方法
  • URLをコピーしました!

SWELLのリストを作るにはどうすれば良いの?

上記のようなお悩みを解決します。


SWELLにはリスト作成とリストスタイルを追加する機能があります。
リストスタイルとは、以下のようにリストの下に線を引くなどですね。

キャプションブロックです
  • ↓文章の下のグレーの線のことです
  • リストの作成方法とスタイルの追加方法を
  • ご紹介します!
本記事の内容
  • SWELLでリストを作成する方法
  • リストにスタイルを追加する方法

本記事は以下のような方におすすめです。

  1. SWELLでリストを作成する方法を知りたい
  2. SWELLでおしゃれなリストを作りたい
目次

2種類のリスト作成方法

下記の順番でご紹介します。

  1. リストを作成する方法
  2. ボックス内にリストを作成する方法

リストを作成する方法

リストを作成するには、段落で「/」を入力します。

「リスト」を選ぶと、リストが表示されます。
好きな文章を入力します。

リスト

画面左上の「+」ボタンからリストを選択してもOKです。

左上の追加ボタン

リストの完成です!

  • リスト1
  • リスト2
  • リスト3

あっという間だね!

ボックス内にリストを作成する方法

まず、ボックスを作ります。

今回はキャプションボックスを作るよ!

ブロック内で「/」を入力し、「キャプションボックス」を選択します。

キャプションボックス

画面左上の「+」ボタンから「キャプションボックス」を検索してもOKです。

キャプションボックス

以下のようにボックスが現れます。
ボックスの中で「/」を入力し、「リスト」を選びます。

リスト

ボックスの中にリストが作成できました!

リストです
  • リスト1
  • リスト2
  • リスト3

リストのスタイルを変えてみよう

箇条書きをチェックに変える方法

ボックス内のリストにカーソルを合わせ、 右側の「スタイル」から好きなスタイルを選びます。

リストスタイル

設定が表示されていない場合は、画面右上の「公開」ボタンの横の歯車のアイコンを押してね!

リストの「・」をチェックに変えてみました。

リストです
  1. リスト1
  2. リスト2
  3. リスト3

番号付きリストを作成する方法

番号付きリストにしたいときは、スタイルから「丸数字」を選び、「番号付きリストに変換」アイコンを押します。

番号付きリスト

簡単におしゃれな番号付きリストが作成できました!

リストです
  1. リスト1
  2. リスト2
  3. リスト3

リストに下線を引く方法

「リストの追加スタイル」から「下線を付ける」を選ぶと文章の下に下線を入れることができます。

こんな感じです。

リストです
  • リスト1
  • リスト2
  • リスト3

文章が見やすくなるね!

リストを横並びにする方法

「リストの追加スタイル」から「横並び」を選ぶとリストが横に並びます。

横並び

こんな感じです。

リストです
  • リスト1
  • リスト2
  • リスト3

終わりに

SWELLでリストを作成する方法をご紹介しました!

  • 簡単にリストが作成できる
  • ワンクリックでリストのスタイルが変更できる

SWELLのリストスタイル機能を使って、見やすいリストが作れそうですね♩
ではでは〜

よかったらシェアしてね!
  • URLをコピーしました!
目次
閉じる