この記事には広告が含まれています。

AFFINGER7で記事一覧をカードデザインに変更する方法|初心者向け完全ガイド

AFFINGER7で記事一覧をカードデザインに変更する方法|初心者向け完全ガイド

AFFINGER7を使い始めた初心者の方で

「記事一覧表示がカード化できなんだけど・・・」

と思う方もいるかもしれません。

結論から言えば、記事一覧のカード化やスライドショーの機能はAFFINGER EX版限定の機能となります。

この記事ではAFFINGER7の記事一覧をカード化することのメリット・デメリットやカード化に関係する機能についても解説しています。

※ この記事はAFFINGER6時代に作成した内容をAFFINGER7対応版として更新しています。

AFFINGER7の記事一覧をカード化とは?

記事一覧をカード化すると、記事タイトルだけではなく、アイキャッチ画像を大きく表示したデザインになります。

カード化しない状態だとこんな感じですね。

AFFINGER7:記事をカード化していない表示

これをカード化するとこんな感じです。

AFFINGER7:記事をカード化した表示

ブログがおしゃれになる

カードデザインは画像が大きく表示されるため、プロが制作したような印象になります。

シンプルなデザインでも高級感を演出できます。

アイキャッチ画像を活かせる

せっかく作成したアイキャッチ画像も、一覧表示では目立たないことがあります。

カード表示なら画像が主役になるため、クリック率アップにもつながります。

記事を探しやすい

画像付きで記事を一覧表示できるため、訪問者が目的の記事を見つけやすくなります。

特に記事数が増えてきたブログでは効果的です。

回遊率アップが期待できる

見た目が分かりやすくなることで、複数の記事を読んでもらえる可能性が高まります。

結果として、ブログ全体の滞在時間やPV数の向上も期待できます。

カード化にも注意点があります。

  • EX版限定機能
  • アイキャッチ画像を用意していないと見栄えが悪くなる
  • 記事数が少ないブログでは効果を感じにくい

特にアイキャッチ画像は統一感のあるデザインで作成すると、より魅力的なサイトになります。

記事のカード化に関係する機能

AFFINGER EX版のカード化に関係する機能で他に出来ることについて解説していきます。

サムネイル画像のサイズ変更

カード化した記事のサムネイル画像のサイズを変更することができます。

カード化した際の画像の見え方を変更することができるってことです。

「AFFINGER管理」→「全体設定」→「スライド・カード型サムネイル画像の縦横比」で変更できます。

「AFFINGER管理」→「全体設定」→「スライド・カード型サムネイル画像の縦横比」
デフォルト
16:9
1.91:1
4:3
3:2

以下、微妙な違いなのでわかりにくかもしれないですが、それぞれの比率の実際表示例です。

デフォルト

スライド・カード型サムネイル画像の縦横比:デフォルト

16:9

スライド・カード型サムネイル画像の縦横比:16:9

1.91:1

スライド・カード型サムネイル画像の縦横比:19.1:1

4:3

スライド・カード型サムネイル画像の縦横比:4:3

3:2

スライド・カード型サムネイル画像の縦横比:3:2

スライドショー

カード化した記事をスライドショーで表示させることができます。

記事一覧ブロック:スライドショー

実際にカード化した記事をスライドショーにするとこんな感じです。

初心者にお勧めのWordPress有料テーマ|収益化に繋げる為の厳選2つ

2026/6/26

初心者にお勧めのWordPress有料テーマ|収益化に繋げる為の厳選2つ

「ブログで稼ぎたい!」と考えてWordpressを始めた初心者の方なら テーマ選びは重要です! なぜなら、テーマによって使いやすさが違うからです。 初心者の方は色々と知識が不足している状態です。 知識がある方に比べたらスタート地点が違うわけです。 そんな中で使いにくいテーマやいっぱい学習しないと扱えないようなテーマでは収益化に更に時間がかかってしまいます! 上手くブログ運営が進まずに挫折してしまうかもしれません。 初心者の方が有料テーマを選ぶなら 色々と覚えなくても直感で操作できる! 簡単にデザインを変更 ...

ReadMore

【お名前.comレンタルサーバー】WordPressを導入してブログを始める方法

2026/2/25

【お名前.comレンタルサーバー】でWordPressを始める方法【初心者向け】

この記事では「お名前.comレンタルサーバー」でドメイン取得からWordPressを導入してブログを始める手順を初心者向けに解説しています。 ※ 設定画面の画像などは変更になる可能性がありますのでご了承ください。 【お名前.comレンタルサーバー】でWordPressを導入するまでの流れ 「お名前.comレンタルサーバー」でWordPressを導入してブログを始めるのは次の2ステップでOKです。 ドメインとサーバーを用意する サーバーにWordPressをインストールする STEP.1 ドメインとサーバー ...

ReadMore

【Wordpressの初期設定】記事を作成する前にやる事をリストアップで解りやすく解説!

2026/2/25

【WordPressの初期設定】記事を作成する前にやる事をリストアップで解りやすく解説!

「WordPressで収益化を目指したい!」 そう思って、WordPressを始めた方は多いでしょう。 「でも、何をしていいのか全くわからない・・・・」 そんな初めてWordPressを始めた方向けに、記事作成前に何をしたほうがいいのかを解説しています。 この記事のステップをサクッと終わらせて記事作成に進み、収益化を目指してください! Wordpressの初期設定:やる事リスト 無料SSLを導入する キャッチフレーズ欄を編集する 「検索エンジンでの表示」項目を変更する 投稿へのコメント許可を選択する 「パ ...

ReadMore

WordPress記事の公開方法|初心者でも失敗しない投稿〜公開までのやり方とチェックリスト

2026/2/25

WordPress記事の公開方法|初心者でも失敗しない投稿〜公開までのやり方とチェックリスト

「記事を書いたけど…どうやって公開するの?」 「公開して大丈夫?設定は合ってる?」 WordPress を使ってブログを始めた初心者の方が不安に思う点です。 WordPressはとても便利なシステムですが、記事の公開には 複数の設定と確認項目 があり、慣れないうちは誰でも迷ってしまいます。 しかし安心してください。 この記事では、初心者でも迷わず記事を公開できるように、 投稿作成 → プレビュー → 公開前チェック → 公開 → 公開後のやること までを、画像が思い浮かぶほど丁寧に、体系的に解説します。 ...

ReadMore

【2026年最新版】アフィリエイトの始め方|初心者でもゼロから収益化を目指せる完全ロードマップ

2026/3/20

【2026年最新版】アフィリエイトの始め方|初心者でもゼロから収益化を目指せる完全ロードマップ

「アフィリエイトを始めてみたいけれど、何から手をつけていいか分からない…」 「ブログで収益化できるって聞くけれど、本当に初心者でもできるの?」 そんな疑問や不安を持つ人は非常に多く、実際に私もブログを始めた当初は同じ気持ちでした。 結論から言うと、アフィリエイトは初心者でも正しい手順で取り組めば必ず成果が出ます。 もちろん“簡単に数十万稼げる魔法”ではありませんが、コツコツ積み上げることで、確実に収益につながる魅力的なビジネスモデルです。 この記事では、 なぜ今アフィリエイトを始めるべきなのか アフィリエ ...

ReadMore

通常版では利用できますか?

できません。

カードデザインはEX版限定機能です。

後から通常表示へ戻せますか?

はい。

設定をOFFにするだけで元に戻せます。

スマホでもカード表示になりますか?

はい。

PC・スマートフォンの両方でカードデザインが適用されます。

アイキャッチ画像がなくても利用できますか?

利用できますが、カードデザインの魅力を活かすためにもアイキャッチ画像を設定することをおすすめします。

AFFINGER7で記事一覧のカード化やスライドショーを利用するにはEX版へのアップグレードが必要になります。

通常版からEX版へのアップグレードは有料です。

余裕があるならEX版へのアップグレードをお勧めします。

通常版とEX版の違いは他にもありますので、気になる方はこちらの記事をご覧になってください。

→ AFFINGER7通常版とEX版の違いを徹底比較|どちらを選ぶべき?初心者向けに解説

合わせて読みたい関連記事

AFFINGER7 EX版へのアップグレード方法|購入手順・インストール・データ引き継ぎまで初心者向けに解説

  • AFFINGER7 EX版へのアップグレード方法を初心者向けに解説した記事です。

AFFINGER7完全ガイド|初心者でも収益化を目指せるWordPressテーマ

  • AFFINGER7に関する記事をまとめています。
  • 初期設定から使い方などAFFINGER7に関して幅広く役立つ記事を掲載しています。

AFFINGER7がリリース!導入方法と大きく追加された注目機能まとめ♪

  • 特別価格?・無料?AFFINGER6からAFFINGER7への移行がわかりにくい・・・
  • AFFINGER7を導入する際の注意点と追加された注目機能について解説した記事です。

AIブログの始め方|ChatGPTを使ったブログ運営完全ガイド

  • 今やブログ運営でAIの活用は当たり前です。
  • Chatgpt以外のGeminiや他のAIツールを利用する場合にも役立つ基本を解説。

ChatGPTでブログ記事を書く方法|初心者でもできるAIライティング完全ガイド

  • Chatgptを利用して記事を書く方法を初心者向けに具体的に解説した記事です。