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

【重要】

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

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

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

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

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

スタイル

リスト

ドット下線（リスト）

マル（リスト）

マル+ドット下線（リスト）

簡易チェック（リスト）

簡易チェック+ドット下線（リスト）

チェックボックス（番号なしリスト）

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

チェックリスト（番号なしリスト）

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

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

ナンバリング（番号付きリスト）

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

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

ナンバリング四角（リスト）

ナンバリング四角+ドット下線（リスト）

チェックボックス（番号なしリスト）

こんな方におすすめ（v）

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

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

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

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