この記事ではAFFINGER6(アフィンガー6)でヘッダー下にヘッダーカードを表示させる方法を初心者向けに解説しています。
こんな感じのヘッダーカードです。
ヘッダーカードの設定方法
ヘッダーカードは「AFFINGER管理」の「ヘッダー下/おすすめ」で設定することができます。
AFFINGER6(アフィンガー6)ではヘッダーカードを4つ設定して表示させることができます。
ヘッダーカードの設定項目
ヘッダーカードの項目に入力することで、簡単にヘッダーカードを表示させることができます。
各設定項目について解説していきます。
①:画像のアップロード | ヘッダーカード画像をアップロード |
②:テキスト | ヘッダーカードにテキストを表示 |
③:サブテキスト | ヘッダーカードにサブテキストを表示 |
④:リンク先URL | リンクの設定 |
⑤:PC/スマホ・タブレット表示有無 | PC/スマホ・タブレットへの表示・非表示の設定 |
⑥:デザイン | 画像のぼかしや角丸の設定 |
①:画像のアップロード
ヘッダーカードの画像をアップロードします。
アップロードする画像は同じサイズを使用するのがお勧めです。
②③:テキスト/サブテキスト
テキストを表示させることができます。
テキストを表示させるとこんな感じです。
④:リンク先URL
リンク先URLの設定です。
⑤:PC/スマホ・タブレット表示有無
PCに表示させたくない場合、スマホ・タブレットに表示させたくない場合には各項目にチェックを入れてください。
⑥:デザイン
デザインでは次の項目を設定できます。
- テキストある背景画像をぼかす
- テキストのある背景画像を暗くする
- 角丸にする
- スマホ閲覧時のおすすめヘッダーカードの高さを倍に
背景画像をぼかすとこんな感じです。
背景画像を暗くするとこんな感じです。
角丸にするとこんな感じです。
AFFINGER6(アフィンガー6)でヘッダーカードを表示させる方法は以上になります。
AFFINGER6(アフィンガー6)では他にもヘッダー下にスライドショーを表示させたりもできます。
スライドショーを表示させる方法は別記事で紹介していますので、参考にしてみてください。
こちらの記事もチェック!
-
AFFINGER6でヘッダー下にスライドショーを設置する方法
2024/3/27 AFFINGER6(アフィンガー6), AFFINGER6デザインカスタマイズ
下の画像のようにヘッダー下にスライドショーを設置する方法です。 ヘッダー下にスライドショーを設置する方法 「AFFINGER管理」→「ヘッダー下/おすすめ」→「サムネイルスライドショー」の項目で設定で ...
AFFINGER6(アフィンガー6)は初心者でも簡単にオシャレなブログを作成できるWordPress有料テーマです。
AFFINGER6(アフィンガー6)についてはこのブログで使い方やカスタマイズ方法など役立つ情報を発信しています。
AFFINGER6(アフィンガー6)についてもっと詳しく知りたい方はこちらの記事をご覧になってください。
-
AFFINGER6の始め方-初心者向けスタートアップガイド
2024/5/14
AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内 ...
AFFINGER6のインストール方法
-
AFFINGER6(アフィンガー6)のインストール方法【画像付き!詳細解説】
2024/5/8 AFFINGER6(アフィンガー6)
「AFFINGER6(アフィンガー6)」を利用できるようにするまでの流れ 「AFFINGER6(アフィンガー6)」の利用までの流れは次のようになっています。 AFFINGER6(アフィンガー6)の購入 ...
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることが可能です。
無料お試し利用がずっとできるAIライティングツールをいくつか紹介していますので、試しに利用してみてください。
\\ 無料お試し利用がずっと可能なAIライティングツール//
-
無料お試しがずっと可能なAIライティングツール
「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...