https://blog.iimon8.com

リストブロック

AFFINGER6 サンプルページ【リスト】③

【重要】

☆本来このページは納品後にご自分で書くブログページです。

※このページはAFFINGER6を使用したサンプルページです。このページがないと一覧表示等の見映え確認ができないため、作成されています。

◎納品後に、このページがどこに表示されるのかを確認後、「削除」または「下書き」にしてください。内容を修正して活用していただくことも可能です。

・その場合は、文章とアイキャッチ画像を差し替えてください。

AFFINGER6テーマで用意されているスタイルやショートコードによるタグなどのデザイン確認用ページです。Gutenbergで使用する場合はクラッシックブロックをご利用下さい。

スタイル

リスト

ドット下線(リスト)

  • これはダミーのリストです
  • これはダミーのリストです
  • これはダミーのリストです

マル(リスト)

  • これはダミーのリストです
  • これはダミーのリストです
  • これはダミーのリストです

マル+ドット下線(リスト)

  • これはダミーのリストです
  • これはダミーのリストです
  • これはダミーのリストです

簡易チェック(リスト)

  • これはダミーのリストです
  • これはダミーのリストです
  • これはダミーのリストです

簡易チェック+ドット下線(リスト)

  • これはダミーのリストです
  • これはダミーのリストです
  • これはダミーのリストです

チェックボックス(番号なしリスト)

ulタグの番号なしリストを囲むとチェックボックス風のデザインになります。

  • これはダミーのリストです
  • これはダミーのリストです
  • これはダミーのリストです

チェックリスト(番号なしリスト)

ulタグの番号なしリストを囲むとチェック風のデザインになります。「テキストモード」でするか、「チェック(ulタグ)」を適応してから「番号なしリスト」を適応すると便利です。

※カスタマイザーの「オプション」でカラー変更が可能です

  • これはダミーのリストです
  • これはダミーのリストです
  • これはダミーのリストです

ナンバリング(番号付きリスト)

olタグの番号付きリストを囲むとチェック風のデザインになります。「テキストモード」でするか、「ナンバリング(olタグ)」を適応してから「番号付きリスト」を適応すると便利です。

※カスタマイザーの「オプション」でカラー変更が可能です

  1. これはダミーのリストです
  2. これはダミーのリストです
  3. これはダミーのリストです

ナンバリング四角(リスト)

  • これはダミーのリストです
  • これはダミーのリストです
  • これはダミーのリストです

ナンバリング四角+ドット下線(リスト)

  • これはダミーのリストです
  • これはダミーのリストです
  • これはダミーのリストです

チェックボックス(番号なしリスト)

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです

こんな方におすすめ(v)

サイトで効果の高い「こんな方におすすめ」リストも簡単に作成できます。カスタマイザーの「オプション」でカラー変更も可能です。

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです

<ul class="st-blackboard-list st-no-ck-off">st-no-ck-offst-no-ckとすることでアイコンを消せます

本日のメニュー

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです

「番号付きリスト(olタグ)」にも対応

今日のやることリスト

  1. これはダミーのテキストです
  2. これはダミーのテキストです
  3. これはダミーのテキストです

こんな方におすすめ[v]

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです

-リストブロック