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

AFFINGER6:ヘッダー下にヘッダーカードを表示させる方法

AFFINGER6:ヘッダー下にヘッダーカードを表示させる方法

この記事ではAFFINGER6(アフィンガー6)でヘッダー下にヘッダーカードを表示させる方法を初心者向けに解説しています。

こんな感じのヘッダーカードです。

AFFINGER6:ヘッダーカード

ヘッダーカードの設定方法

ヘッダーカードは「AFFINGER管理」「ヘッダー下/おすすめ」で設定することができます。

AFFINGER6(アフィンガー6)ではヘッダーカードを4つ設定して表示させることができます。

「AFFINGER管理」→「ヘッダー下/おすすめ」

ヘッダーカードの設定項目

ヘッダーカードの項目に入力することで、簡単にヘッダーカードを表示させることができます。

各設定項目について解説していきます。

AFFINGER6:ヘッダーカード入力項目
AFFINGER6:ヘッダーカード入力項目
①:画像のアップロードヘッダーカード画像をアップロード
②:テキストヘッダーカードにテキストを表示
③:サブテキストヘッダーカードにサブテキストを表示
④:リンク先URLリンクの設定
⑤:PC/スマホ・タブレット表示有無PC/スマホ・タブレットへの表示・非表示の設定
⑥:デザイン画像のぼかしや角丸の設定

①:画像のアップロード

ヘッダーカードの画像をアップロードします。

アップロードする画像は同じサイズを使用するのがお勧めです。

②③:テキスト/サブテキスト

テキストを表示させることができます。

AFFINGER6:ヘッダーカード、テキスト入力欄

テキストを表示させるとこんな感じです。

AFFINGER6:ヘッダーカードにテキストを表示させた表示例

④:リンク先URL

リンク先URLの設定です。

⑤:PC/スマホ・タブレット表示有無

PCに表示させたくない場合、スマホ・タブレットに表示させたくない場合には各項目にチェックを入れてください。

⑥:デザイン

デザインでは次の項目を設定できます。

  • テキストある背景画像をぼかす
  • テキストのある背景画像を暗くする
  • 角丸にする
  • スマホ閲覧時のおすすめヘッダーカードの高さを倍に

背景画像をぼかすとこんな感じです。

AFFINGER6:ヘッダーカードの背景画像をぼかした表示例

背景画像を暗くするとこんな感じです。

AFFINGER6:ヘッダーカードの背景画像を暗くした表示例

角丸にするとこんな感じです。

AFFINGER6:ヘッダーカードの背景画像を角丸にした表示例

AFFINGER6(アフィンガー6)でヘッダーカードを表示させる方法は以上になります。

AFFINGER6(アフィンガー6)では他にもヘッダー下にスライドショーを表示させたりもできます。

スライドショーを表示させる方法は別記事で紹介していますので、参考にしてみてください。

こちらの記事もチェック!

AFFINGER6でヘッダー下にスライドショーを設置する方法
AFFINGER6でヘッダー下にスライドショーを設置する方法

2025/6/16    

この記事では、下の画像のようにヘッダー下にスライドショーを設置する方法を初心者向けに解説しています。 ヘッダー下にスライドショーを設置する方法 「AFFINGER管理」→「ヘッダー下/おすすめ」→「サ ...

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

AFFINGER6の使い方【まとめ】-初心者向けガイド-
AFFINGER6の使い方【まとめ】-初心者向けガイド-

2025/7/8    

AFFINGER6の使い方に関するまとめ記事です。 記事数が多いので、知りたい内容を目次から探してみてください。 設定に関する使い方 インストールの方法 AFFINGER6を使えるようにするまでの手順 ...

2025/11/3

【2025年版】AFFINGER6購入プラン徹底比較|通常版・EX版・セット販売どれを選ぶべき?

「AFFINGER6を買いたいけど、どのプランを選べばいいの?」 「通常版とEX版、結局どっちがいいの?」 そんな迷いを抱えていませんか? AFFINGER6は、ブログ収益化を本気で目指す多くのブロガーが愛用するWordPressテーマです。 しかし、公式ページには「通常版」「EX版」「セット販売」など複数のプランがあり、初心者が最初にどれを選ぶべきか分かりづらいのが正直なところ。 この記事では、AFFINGER6を実際に愛用している筆者が、各プランの違いと選び方を目的別・レベル別に分かりやすく比較。 「 ...

AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説

2025/11/10

AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説

AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内容を初心者向けに詳しく解説しています。 AFFINGER6を使ってみたいなぁと思った方は参考にしてみてください。 価格 14,800円(税込み) 有名ブロガーさん多数使用のWordPressテーマ! 「稼ぐ」に特化!アフィリエイトサイトにお勧め! 高いカスタマイズ性能! 直感操作で初心者にもおすすめ! このブ ...

(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】

2025/11/5

(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】

AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違いをまとめてみました。 購入する際やアップグレードを検討している方は参考にしてみてください。 \\ 収益化を目指す方の圧倒的人気テーマ!// AFFINGER6 公式サイト 今なら読了率(スクロール量)計測プラグインが無料で使える! 機能比較表:AFFINGER6 vs AFFING ...

AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由

2025/11/4

AFFINGER6は初心者でも大丈夫?使いやすさと評判を実体験から解説!

「AFFINGER6って難しそう…初心者でも使いこなせるの?」 そんな不安を持っていませんか? AFFINGER6(アフィンガー6)は、“収益化に強い”WordPressテーマとして多くのブロガーから高い評価を得ています。 ただ、初めて有料テーマを導入する人にとっては「設定が大変そう」「操作が複雑そう」と感じることもあるでしょう。 この記事では、実際にAFFINGER6を使っている筆者が、初心者でも安心して使える理由と導入前に知っておくべきポイントをわかりやすく解説します。 AFFINGER6は初心者にこ ...

【本音レビュー】AFFINGER6の評判は?実際に使ってわかったメリット・デメリット

2025/11/4

【本音レビュー】AFFINGER6の評判は?実際に使ってわかったメリット・デメリット

「AFFINGER6って本当に稼げるの?」 「初心者でも使いこなせるの?」 そんな疑問を持っていませんか? AFFINGER6(アフィンガー6)は、“収益化に強いWordPressテーマ”として多くのブロガーに選ばれている人気テーマです。 実際、検索上位に表示されているブログの多くがAFFINGERシリーズを採用しています。 しかし、機能が豊富なぶん「設定が難しそう」「自分に合っているか分からない」と迷う人も多いのではないでしょうか。 この記事では、実際にAFFINGER6を使って分かったリアルな使用感・ ...

AFFINGER6 vs SWELL|どっちを選ぶべき?徹底比較!

2025/11/8

AFFINGER6 vs SWELL|どっちを選ぶべき?徹底比較!

この記事では、迷ってしまうことの多いテーマ選びについて今回は『SWELL』と『AFFINGER6』の比較ガイドをお届けします。 現在、シェアNo,1の有料テーマである『SWELL』と有名ブロガーさんも多数愛用している人気有料テーマの『AFFINGER6』で迷っている方も多いと思います。 この記事では、両テーマを実際に使った筆者が、デザイン・操作性・SEO・収益化・カスタマイズ性などあらゆる角度から徹底比較します。 『SWELL』と『AFFINGER6』の二択! という方向けの記事なので、迷っている方は参考 ...

AFFINGER6 vs THE THOR|どっちが稼げる?初心者にもおすすめのテーマ比較

2025/10/31

AFFINGER6 vs THE THOR|どっちが稼げる?初心者にもおすすめのテーマ比較

WordPressブログで収益化を目指すなら、テーマ選びは極めて重要です。 「AFFINGER6」と「THE THOR」は、稼ぐ系ブログやアフィリエイターに支持されている人気テーマです。 AFFINGER6とTHE THORのどちらを利用しようか迷っている方も多いのではないでしょうか。 この記事では、AFFINGER6とTHE THORの違いを徹底比較! AFFINGER6とTHE THORの比較 『AFFINGER6』と『THE THOR』を10の視点から比較してみていきます。 操作性・使いやすさ 価格 ...

AFFINGER6をおすすめする5つの理由【買う価値ある?】

2025/11/10

【2025年版】AFFINGER6をおすすめする5つの理由|買う価値は?実際に使って分かった魅力を解説

「AFFINGER6って本当に評判通りなの?」 「高機能すぎて使いこなせるか不安…」 WordPressテーマの中でも人気が高いAFFINGER6(アフィンガー6)。 収益化に強く、アフィリエイター・ブロガーの定番テーマとして愛用されています。 でも、「他のテーマより高いけど本当に価値あるの?」「初心者でも使える?」と悩む方も多いはず。 この記事では、実際に使って分かったAFFINGER6のおすすめ理由を5つに厳選して解説します。 AFFINGER6とは?|“収益化に特化した”プロ仕様テーマ AFFING ...

AFFINGER6で農業向けサイトを作成する手順-初心者向け-

2025/11/6

AFFINGER6で農業向けサイトを作成する手順-初心者向け-

AFFINGER6で農業サイトを作成してみました。 サンプルサイトはイチゴ農園をイメージして作成してあります。 こんな感じです→○○いちご農園 「農業サイトを作りたい」 そう思っても初心者の方は何をしていいのかわからないと思います。 そこで、基本的な農業サイトが手順に沿って完成できるように詳しく解説していきます。 まずは基本的なサイトを作り、自分なりにデザインを工夫していくのが、初心者の方にはお勧めです。 ちなみにAFFINGER6のバージョンは「AFFINGER6EX: 20250802 」です。 上位 ...

AFFINGER6購入者限定:読了率(スクロール量)計測プラグインが無料配布!

2025/11/12

AFFINGER6購入者限定:読了率(スクロール量)計測プラグインが無料配布!

AFFINGER6購入者限定で無料プラグイン:読了率(スクロール量)計測プラグインが使用できるようになりました。 読了率(スクロール量)計測プラグインとは? 読了率(スクロール量)計測プラグインは「読者が記事をどれくらい読んでくれたか」を視覚化してくれるプラグインです。 どの見出しまで読んでくれたのかをパーセントで表示してくれます。 見出しレベルは「H2」「H3」が計測対象のようです。 読者が記事のリンクをクリックした際はアクションとしてログに残ります。 実際の表示 ログの実際表示はこんな感じです。 読了 ...