【初心者向け】AFFINGER６リストブロックの使い方～１２種類のスタイルに変更可能

AFFINGER6（アフィンガー6）には、記事を分かりやすく整理できる「リストブロック」 が用意されています。

しかし初心者の方の中には、

• リストブロックって何ができるの？
• 普通の箇条書きと何が違うの？
• どのデザインを使えばいいか分からない

と悩んでいる方も多いのではないでしょうか。

この記事では、AFFINGER6初心者でも迷わず使えるように、リストブロックの基本から設定方法、デザインの使い分けまでを丁寧に解説します。

AFFINGER6のリストブロックとは？

リストブロックとは、箇条書きや手順、ポイントを視覚的に分かりやすく表示できるブロック です。

通常のWordPressリストと違い、AFFINGER6では、

• アイコン付き
• 番号付き
• チェックマーク付き
• タイムライン風

など、デザイン性の高いリスト表示 ができます。

AFFINGER6でリストブロックを追加する手順【初心者向け】

リストを作成するにはブロックの「リスト」を選択するだけです。

「リストを選択」（下画像の矢印部分）をクリックすると画面右側にスタイル変更などができる設定画面が表示されます。

設定画面でリストのスタイル（デザイン）やテキスト色などを変更することができます。

AFFINGER６で可能なリストのデザイン（12種類）

AFFINGER６では12種類のスタイルから選んで簡単にリストデザインを変更することができます。

※　バージョンによってスタイルの種類に違いがあります。

• デフォルト
• サークル
• チェックB
• チェックL
• 連番C
• 連番S
• タイムラインL
• タイムラインC
• 階層
• 米印
• マル
• バツ

1．デフォルト

何もしない初期のリストです。

• ああああ
• いいいい
• うううう

2．サークル

マルを表示させることができるリストです。

マルの部分の色は変更することができますが、サイト全体で利用するリストに反映されるので個別で変更することはできません。

変更方法は記事の後半で解説しています。

• ああああ
• いいいい
• うううう

3．チェックB

チェックリスト表示です。

• ああああ
• いいいい
• うううう

4．チェックL

丸形のチェックリストです。

• ああああ
• いいいい
• うううう

5．連番C

丸形の連番リストです。

• ああああ
• いいいい
• うううう

6．連番S

四角型の連番リストです。

• ああああ
• いいいい
• うううう

7．タイムラインL

タイムライン風のリストです。

1. ああああ
   • いいいい
2. うううう

8．タイムラインC

番号付きタイムライン風のリストです。

• ああああ
  • いいいい
• うううう

9．階層

階層構造のリストを作成できます。

• ああああ
  • いいいい
    • うううう
  • ええええ

10．米印

米印付のリストです。

• ああああ
• いいいい
• うううう

11．マル

マル付きのリストです。

• ああああ
• いいいい
• うううう

12．バツ

バツ付きのリストです。

• ああああ
• いいいい
• うううう

リストのボーダー設定

作成したリストに枠線（ボーダー）を設定することができます

設定できる種類は５種類になります。

• なし
• 基本
• 太め
• 点線
• 点線（太め）

• ボーダー設定「なし」だとこんな感じです。

• ボーダー設定「基本」だとこんな感じです。

• ボーダー設定「太め」だとこんな感じです。

• ボーダー設定「点線」だとこんな感じです。

• ボーダー設定「点線（太め）」だとこんな感じです。

リストの色設定

リストのテキスト色や背景色を変更できます。

• テキスト色を赤に変更するとこんな感じです。

• 背景色を変更するとこんな感じです。

リストのタイポグラフィ設定

タイポグラフィとは簡単に言えば、書かれた文字や文章を見やすくする技術のことです。

• サイズ「S」だとこんな感じです。

• サイズ「M」だとこんな感じです。

• サイズ「L」だとこんな感じです。

• サイズ「XL」だとこんな感じです。

リストアイコンの色変更方法

リストのマルやチェック部分の色は「外観」→「カスタマイズ」→「オプション（その他）」→「リスト（数字・チェック/ボックスタイプ）から変更可能です。

注意として、サイト全体での設定となるので作成した全てのリストに適用されます。

リストブロックを使うときのコツ【初心者向け】

リストブロックを効果的に使うために初心者の方は次のポイントをおさえておきましょう。

• 使い過ぎない
  • １セクションにつき１リスト程度が基本
• １行を長くしすぎない
  • 短く・簡潔に
• 本文とのバランスを意識する
  • リストは要点整理向け
• スマホ表示を確認
  • 見やすさ重視で調整を

まとめ｜AFFINGER6のリストブロックは記事改善の必須機能

• AFFINGER6のリストブロックは12種類のデザインが使える
• 情報整理・視認性アップに最適
• 内容に合わせてデザインを使い分けることが重要

リストブロックを正しく使うだけで、記事の読みやすさ・滞在時間・理解度 は大きく向上します。

まずは、「手順説明」や「ポイントまとめ」から使ってみてください。

AFFINGER6に興味のある方は公式サイトをチェックしてみてください。

AFFINGER6の使い方

AFFINGER6の使い方については、このブログで詳しく解説しています。