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

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

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

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

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

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

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

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

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

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

①：画像のアップロード

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

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

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

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

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

④：リンク先URL

リンク先URLの設定です。

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

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

⑥：デザイン

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

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

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

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

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

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

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

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

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

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

AFFINGER6：記事一覧

• AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
• （通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
• AFFINGER6を実際に利用したガチ評価-２年以上愛用して感じたメリットとデメリット
• AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由

AFFINGER6の購入とインストール方法

• AFFINGER6の購入方法と購入プランの選び方
• AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
• AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法

AFFINGER6の設定関係

• AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
• AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
• AFFINGER６のアップデート方法（２パターンを解説）
• AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
• AFFINGER6：Googleサーチコンソールへの登録方法
• AFFINGER6のステマ規制対策-広告表記を表示させる方法

AFFINGER6の使い方

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

AFFINGER6のデザインカスタマイズ

• AFFINGER6のカスタマイズ方法-初心者向けガイド-