AFFINGER7の記事一覧ブロックの使い方｜記事IDを指定して関連記事を表示する方法

「記事の途中に関連記事をまとめて表示したい」

「自分で選んだ記事だけを一覧表示したい」

「AFFINGER7の記事一覧ブロックってどうやって使うの？」

AFFINGER7でブログを運営していると、このように記事内で別の記事を紹介したい場面が出てきます。

そんなときに便利なのが、AFFINGER7の「記事一覧（ID）ブロック」です。

記事一覧（ID）ブロックを使えば、表示したい記事のIDを指定するだけで、好きな記事を記事内に一覧表示できます。

たとえば、

• 関連記事をまとめて紹介する
• 初心者向けの記事を読む順番に並べる
• おすすめ記事をランキング形式で紹介する
• まとめ記事から個別記事へ誘導する

といった使い方ができます。

この記事では、AFFINGER7の記事一覧（ID）ブロックの基本的な使い方から、ランキング・カード表示・スライドショーまで初心者向けにわかりやすく解説します。

AFFINGER7の設定や使い方をまとめて確認したい方は、先にこちらの記事もチェックしてみてください。

→ AFFINGER7の使い方をまとめて確認する

※この記事はAFFINGER6時代に作成した記事を、AFFINGER7対応版として全面的にリライトしています。

AFFINGER7の記事一覧（ID）ブロックとは？

AFFINGER7の「記事一覧（ID）ブロック」は、指定した記事IDの記事を一覧表示できるAFFINGER専用ブロックです。

一般的な関連記事機能では、カテゴリーやタグなどをもとに記事が自動表示されることがあります。

一方、記事一覧（ID）ブロックでは、

「この記事と、この記事と、この記事を読んでほしい」

というように、自分で表示する記事を選べるのが大きな特徴です。

そのため、読者に次に読んでもらいたい記事を案内する内部リンクの導線作りにも活用できます。

記事一覧ブロックでできること

AFFINGER7の記事一覧（ID）ブロックでは、主に次のようなことができます。

機能	AFFINGER7通常版	AFFINGER7 EX
記事IDを指定して表示
複数記事を表示
ランキング表示
カード表示
スライドショー

基本的な記事一覧表示とランキング表示は通常版でも利用できます。

一方、

• カード化
• スライドショー

はEX版限定機能です。

「通常版とEX版では、ほかに何が違うの？」という方はこちらの記事で詳しく比較しています。

【あわせて読みたい】

→ AFFINGER7通常版とEX版の違いを徹底比較

AFFINGER7の記事一覧ブロックの基本的な使い方

それでは実際に、AFFINGER7の記事一覧（ID）ブロックを使ってみましょう。

基本的な流れは次のとおりです。

1. 記事一覧ブロックを追加する
2. 表示したい記事IDを確認する
3. 記事IDを入力する
4. プレビューで表示を確認する

難しい設定は必要ありません。

編集画面に記事一覧が表示されなくても大丈夫

記事IDを入力したのに、「記事が表示されない！」と不安になる方もいるかもしれません。

AFFINGER7の記事一覧（ID）ブロックは、処理負荷を軽減するため、投稿管理画面上では記事一覧そのものが表示されない仕様になっています。

編集画面では指定した記事IDだけが表示されます。

そのため、設定後は、

プレビュー → 実際の表示を確認

という流れでチェックしてください。

編集画面に一覧が表示されないからといって、必ずしも設定を間違えているわけではありません。

記事一覧ブロックでランキングを表示する方法

記事一覧（ID）ブロックでは、表示した記事にランキングラベルを付けることもできます。

たとえば、

• 1位：おすすめ記事A
• 2位：おすすめ記事B
• 3位：おすすめ記事C

といった見せ方ができます。

記事一覧ブロックを選択して、設定画面から「ランキング」を有効にします。

ランキングを設定すると、記事一覧に順位を示すラベルが表示されます。

実際にランキングを表示させるとこんな感じです。

ランキングは人気順を自動集計する機能ではない

ここは注意したいポイントです。

記事一覧ブロックで「ランキング」を有効にしても、アクセス数を計測して自動的に人気順へ並べてくれるわけではありません。

指定した記事一覧にランキングラベルを付けて表示する機能です。

そのため、

• おすすめWordPressテーマTOP3
• 初心者に読んでほしい記事TOP5
• 管理人おすすめ記事ランキング

など、自分で順位を決めて紹介したい場合に向いています。

アクセス数をもとにした人気記事ランキングとは分けて考えましょう。

記事一覧をカード形式で表示する方法【EX版】

AFFINGER7 EXでは、記事一覧（ID）ブロックをカード形式で表示できます。

通常の記事一覧とは違ったデザインになるため、関連記事を視覚的に目立たせたい場合に便利です。

記事一覧ブロックを選択して、設定画面からカード表示を有効にします。

カード表示は、特に次のような場面で使いやすいです。

• まとめ記事から個別記事へ誘導する
• アイキャッチ画像を活かしたい
• おすすめ記事を目立たせたい
• 複数の記事を視覚的に比較しやすくしたい

ただし、記事一覧（ID）ブロックのカード化はEX版限定機能です。

通常版を使っていて、「カード表示も使ってみたい」という方は、通常版とEX版の違いを確認してから検討するとよいでしょう。

関連記事

→ AFFINGER7通常版とEX版の違いはこちら

すでに通常版を利用していてEX版へ変更したい方は、こちらで購入からインストールまで解説しています。

→ AFFINGER7 EX版へのアップグレード方法を見る

通常の記事一覧をカード化する機能とは別

少しややこしいのですが、AFFINGER7にはトップページやカテゴリーなどに表示される通常の記事一覧をカード型デザインにする機能もあります。

この記事で紹介しているのは、記事内に設置する「記事一覧（ID）ブロック」のカード化です。

「サイトの記事一覧全体をカード型にしたい」のか、「記事途中に挿入した記事一覧だけをカード型にしたい」のか、目的を確認して設定しましょう。

記事一覧をスライドショーで表示する方法【EX版】

AFFINGER7 EXでは、記事一覧（ID）ブロックをスライドショー形式で表示することもできます。

複数の記事を横方向にスライドして表示できるので、限られたスペースの中で複数の記事を紹介したいときに便利です。

記事一覧ブロックの設定からスライドショーを有効にします。

スライドショーを有効にすると、さらに細かな設定項目が表示されます。

スライド表示数を設定する

スライドショーでは、PC・タブレット・スマートフォンごとに列数を変更できます。

PC → タブレット → スマートフォンの順番で、列数を半角カンマで区切って指定することで可能です。

たとえば、

3,2,1

なら、

• PC：3列
• タブレット：2列
• スマートフォン：1列

というイメージです。

PCだけでなく、スマートフォンでの見え方も確認しながら調整しましょう。

日付の表示を設定する

記事の日付を表示するかどうかも設定できます。

最新情報を扱う記事なら、日付を表示することで情報の新しさが伝わりやすくなります。

一方、長期間読まれる記事を紹介する場合は、日付を表示しないほうがスッキリする場合もあります。

サイトの目的に合わせて設定しましょう。

READ MOREを設定する

スライドショーでは「READ MORE」の表示も設定できます。

タイトルだけではクリックできることが伝わりにくい場合には、READ MOREを表示しておくのもよいでしょう。

スマートフォン表示も確認する

スライドショーを設定したら、必ずスマートフォン表示も確認しておきましょう。

PCではきれいでも、スマートフォンでは、

• タイトルが長すぎる
• 情報量が多い
• カードが詰まって見える

といったことがあります。

読者の多くがスマートフォンから訪れるサイトであれば、特にスマホ表示を優先して調整するのがおすすめです。

記事一覧ブロックと他のAFFINGER7機能の違い

AFFINGER7には、記事を紹介するための機能が複数あります。

そのため、

「記事一覧ブロックとおすすめ記事一覧は何が違うの？」

「タブ式カテゴリーとはどう使い分けるの？」

と迷うかもしれません。

ここでは違いを整理しておきます。

ブログカードとの違い

ブログカードは、特定の記事を記事内で目立たせたいときに便利です。

一方、記事一覧（ID）ブロックは複数の記事をまとめて紹介するのに向いています。

使い分けるなら、

1記事を目立たせたい→ ブログカード

複数の記事をまとめて紹介したい→ 記事一覧（ID）ブロック

と考えるとわかりやすいです。

AFFINGER7には記事一覧以外にも記事を読みやすくするブロックが多数用意されています。

装飾やブロックをもっと活用したい方はこちらも参考にしてください。

→ AFFINGER7で記事が読みやすくなる装飾・ブロック活用術

おすすめ記事一覧との違い

AFFINGER7には「おすすめ記事一覧」という機能もあります。

記事一覧（ID）ブロックと同じように、記事IDを指定して自分で選んだ記事を表示できますが、利用目的が少し違います。

項目	記事一覧（ID）ブロック	おすすめ記事一覧
主な設定場所	投稿編集画面	AFFINGER管理
任意の記事指定
記事途中への配置
サイドバーなどへの表示
主な用途	記事ごとの内部リンク	サイト全体のおすすめ記事

おすすめ記事一覧では、AFFINGER管理から記事IDや表示場所を設定できます。

サイドバー、投稿記事下、トップページなど複数の場所へ表示することが可能です。

つまり、

この記事だけに関連記事を表示したい→ 記事一覧（ID）ブロック

サイト内の決まった場所におすすめ記事を表示したい→ おすすめ記事一覧

という使い分けがわかりやすいです。

おすすめ記事一覧については、こちらの記事で設定方法を詳しく解説しています。

あわせて読みたい

→ AFFINGER7でおすすめ記事一覧を設置する方法

タブ式カテゴリー記事一覧との違い

カテゴリー単位で記事をまとめて表示したい場合は、記事一覧（ID）ブロックよりもタブ式カテゴリー記事一覧が向いている場合があります。

違いはシンプルです。

記事一覧（ID）ブロック→ 表示する記事を1記事ずつ自分で選ぶ

タブ式カテゴリー記事一覧→ カテゴリー単位で記事を表示する

タブ式カテゴリー記事一覧は、トップページでカテゴリーを切り替えながら記事を表示できる機能です。

「トップページの記事をカテゴリーごとに整理したい」という方はこちらをご覧ください。

→ AFFINGER7でタブ式カテゴリー記事一覧を表示する方法

記事一覧ブロックが表示されないときの確認ポイント

記事IDを設定したのに記事一覧が表示されない場合は、次のポイントを確認してみてください。

記事IDが間違っていないか確認する

まずは入力した記事IDを確認します。

似た数字を入力していたり、別の記事IDを指定していたりすると、意図した記事を表示できません。

WordPressの投稿一覧からもう一度確認してみましょう。

半角カンマを使っているか確認する

複数の記事を指定するときは、記事IDを半角カンマで区切ります。

正しい例：

123,456,789

複数の記事が正常に表示されない場合は、全角カンマなどを使用していないか確認してみましょう。

記事が公開されているか確認する

表示したい記事が、

• 下書き
• 非公開
• 公開予約

などになっていないかも確認しましょう。

読者が閲覧できる公開記事を指定しているかチェックしてください。

編集画面だけで判断しない

AFFINGER7の記事一覧（ID）ブロックは、投稿管理画面では記事一覧そのものを表示しない仕様です。

そのため、「編集画面に記事カードが表示されない」だけなら問題がない場合があります。

まずプレビューで確認しましょう。

AFFINGER7を最新版に更新する

設定に問題がない場合は、AFFINGER7やWordPressの更新状況も確認してみましょう。

テーマを更新するときは、万が一に備えてサイトのバックアップを取っておくと安心です。

キャッシュを削除する

設定を変更したのに以前の表示が残っている場合は、キャッシュの影響も考えられます。

キャッシュ系プラグインやサーバー側キャッシュを利用している場合は、一度キャッシュを削除して確認してみましょう。

AFFINGER7の記事一覧ブロックに関するよくある質問

最後に、記事一覧ブロックについて初心者の方が疑問に感じやすいポイントをまとめます。

AFFINGER7通常版でも記事一覧ブロックは使えますか？

はい。

記事IDを指定した記事一覧表示やランキングは通常版でも利用できます。

カード化とスライドショーはEX版限定です。

EX版との違いを詳しく知りたい方はこちらをご覧ください。

→ AFFINGER7通常版とEX版の違いを確認する

複数の記事を表示できますか？

できます。

記事IDを半角カンマで区切って指定します。

たとえば、

123,456,789

のように入力します。

ただし、記事を増やしすぎると読者が迷ってしまうため、関連記事として使うなら必要な記事に絞るのがおすすめです。

記事の表示順を変更できますか？

記事IDを指定して表示するため、紹介したい順番を意識してIDを入力しましょう。

特にランキングとして使用する場合は、公開ページで希望どおりの順番になっているか確認してください。

アクセス数の多い記事を自動でランキングできますか？

記事一覧（ID）ブロックのランキング機能は、アクセス数を自動集計して人気記事を並べる機能ではありません。

指定した記事にランキングラベルを表示する機能です。

カード表示やスライドショーは通常版でも使えますか？

記事一覧（ID）ブロックのカード化とスライドショーはEX版限定です。

通常版でも基本的な記事一覧は利用できるため、まずは通常表示から使ってみてください。

まとめ｜AFFINGER7の記事一覧ブロックを内部リンクに活用しよう

今回は、AFFINGER7の記事一覧（ID）ブロックについて解説しました。

記事一覧ブロックでできることをまとめると、

• 記事IDを指定して好きな記事を表示できる
• 複数の記事をまとめて表示できる
• ランキング表示ができる
• EX版ならカード表示ができる
• EX版ならスライドショーも利用できる

という特徴があります。

基本的な設定は、表示したい記事IDを入力するだけなので難しくありません。

そして、記事一覧ブロックでもっとも活用したいのが内部リンクです。

記事を読み終えた読者に、「次に何を読めばいいの？」と迷わせるのではなく、関連する記事をわかりやすく案内することでサイト内を回遊してもらいやすくなります。

特に、

• 関連記事をまとめる
• 初心者が読む順番を作る
• まとめ記事から個別記事へ誘導する

といった使い方がおすすめです。

AFFINGER7には、記事一覧ブロック以外にもサイト運営を便利にするさまざまな機能があります。

次に設定したい機能を探している方は、AFFINGER7のまとめページを活用してください。

AFFINGER7の設定・使い方をまとめて確認

→ AFFINGER7の使い方【まとめ】を見る