>おしゃれなブログデザイン200選はこちら

【種類が豊富】SWELLリスト装飾ブロックはお洒落で使いやすい

ブロ美ちゃん

SWELLのリスト装飾ブロックって、どんな種類があるのかな?

使い方もまだ良く分かりません・・・。

こういった疑問、お悩みを解決します。

SWELLのリスト装飾は、とても使いやすくて種類が豊富でオシャレというぶっ飛び性能です。

この記事を見れば、リスト装飾の種類から使い方、複数ブロックをまとめてリスト化する方法までマスターできます。

ぜひ、ゆっくりと見ていって下さいね。

>>SWELL公式サイト

目次

SWELLのリストデザイン一覧

では、まずリストの一覧をご紹介しておきます。

ヒナキラ

正直、記事を書きながらに「こんなのあったんだ。
って思うものもありました。

そのくらい種類が豊富なんですよね。

番号なしのリスト

  • リスト
    • 子リスト
    • 子リスト
  • リスト
    • 子リスト
    • 子リスト
  • リスト
    • リスト
    • リスト
  • リスト
    • リスト
    • リスト
  • リスト
    • リスト
    • リスト
  • リスト
    • リスト
    • リスト
  • リスト
    • リスト
    • リスト
  • リスト
    • リスト
    • リスト
  • リスト
    • リスト
    • リスト
  • リスト
    • リスト
    • リスト
  1. リスト
    • リスト
    • リスト
  2. リスト
    • リスト
    • リスト

番号つきリスト

  1. リスト
    1. リスト
    2. リスト
  2. リスト
    1. リスト
    2. リスト
  1. リスト
    1. リスト
    2. リスト
  2. リスト
    1. リスト
    2. リスト
  1. リスト
    1. リスト
    2. リスト
  2. リスト
    1. リスト
    2. リスト

その他のリスト装飾

  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト

リスト装飾|基本の使い方

では、リスト装飾の使い方を解説しますね。

流れは、下記のとおりです。

  1. リストのカラーを登録する
  2. 投稿画面でリストを作成する

では、順番に見ていきましょう。

①リストのカラーを登録する

では、リストのカラーを登録していきましょう。

STEP
エディター設定を表示する

WordPress管理画面より、「SWELL設定」→「エディター設定」を選択。

キャプション付きブロックエディター設定
STEP
リスト設定を表示する

①エディター画面になったら、「カラーセット」をタップして、下にスクロール。

エディター設定「カラーセット」

②「リスト設定」でリスト装飾のカラーを変更。

リストのカラー登録
STEP
「変更を保存」をタップして完了

カラー設定ができたら、「変更を保存」しておきましょう。

②投稿画面でリストを作成する

では続いて、投稿画面でのリスト作成方法を見ていきましょう。

STEP
投稿画面でブロック追加「+」をタップ
ブロック追加
STEP
リストブロックを選択
リストブロック
STEP
リストを作っていく
STEP
リスト装飾のスタイルを選ぶ
リストのスタイルを選択
STEP
リストが完成
リストの完成

以上でリストの作成完了となります。

リスト装飾|複数ブロックをまとめてリスト化

次は、ちょっとだけ応用編ということで、複数のブロックをまとめてリスト化する方法を解説していきます。

STEP
複数のブロックを選択する
複数ブロックの選択
STEP
ブロックタイプを「リスト」に変更
ブロックタイプを変更

①画面左上の「ブロックタイプ変更」をタップ。

リストを選択

リストを選択する。

STEP
複数ブロックのリスト化が完了
複数ブロックのリスト化

複数ブロックが一括でリスト化できて、完了。

まとめ|SWELLのリスト装飾ブロックの使い方

いかがでしたでしょうか。

SWELLのリスト装飾は使い勝手が良くて、しかも種類が豊富で、さらにオシャレというぶっ壊れ性能です。

SWELLER(SWELLユーザー)であれば、これをマスターしない手はありません。

なお、いいなあと思いながらも「まだSWELLじゃないよ」という方は、下記から入手してくださいね。

SWELLブロック一覧
よかったらシェアしてね!

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

目次
閉じる