【AFFINGER6(アフィンガー6)使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法
みなさん、おはこんばんは☺️
今回は、トップページにアクセントを加える"ヘッダーカード"の作成方法について解説します✨
ぜひ、ステキなブログのアクセントに使ってみてくださいね😊
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法①](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/3d7fa37ab8ce8b759c12ab592ae98acb-1024x576.jpeg)
それでは、解説していきます。
【AFFINGER6(アフィンガー6)使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法
step
1AFFINGER管理"から"AFFINGER管理"を選択
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法②](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/8558485cb819287aa0ccee3b6c258c77-3-1024x590.jpg)
step
2"ヘッダー下/おすすめ"を選択
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法③](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/aa440ffaf31b6740db5e85cdb54420d5-1024x589.jpg)
step
3"アップロード"を選択し、ヘッダーカード1に使用する画像を選びます
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法④](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/c217a1ede5c16c8f0a536138355faf0b-1.png)
イメージ
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑤](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/e991b82fd6add8d7196001ef13df8371-1024x358.jpg)
step
4"テキスト"のボックスの中に好みの文言を入れます
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑥](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/32b29d1febdc2a769a0a90fcb7e5a1d2.png)
イメージ
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑦](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/5c22521155a336337397df367cbff184-1024x358.jpg)
step
5"リンク先URL"にリンク先のURLを入力します
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑧](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/eda63c9c4c0697d1517c24d98d1b7eb2.png)
イメージ
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑨](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/bb3a2bad53d48ecbfc6df420de2e0c9e-1024x358.jpg)
step
6ヘッダーカード2〜4にstep3〜step5の設定をします(使用カード枚数は任意です)
step
7デザインから好きなデザインを選ぶ① 画像背景
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑩](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/163be55928d3cd19dfbcace22ba9f58f-1024x191.png)
好きなデザインを選ぶ①画像背景
テキストのある背景画像をぼかす
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑪](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/14cbbf9ea70733c89fa8238bcd0cfa73-1024x167.jpg)
テキストのある背景画像を暗くする
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑫](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/cf75281b445d691c673dbec4b7d43776-1024x167.jpg)
デフォルト
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑬](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/91bcdee23a85708e242c220fb2e6889c-1024x167.jpg)
step
8デザインから好きなデザインを選ぶ② 画像の角
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑭](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/91bcdee23a85708e242c220fb2e6889c-1024x191.png)
好きなデザインを選ぶ②画像の角
デフォルト
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑮](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/cf75281b445d691c673dbec4b7d43776-1-1024x167.jpg)
角丸にする
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑯](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/cf5387341e776accc4f9d6959f06c006-1024x167.jpg)
step
9"サイト全体に表示する(デフォルトはTOPのみ)"で表示するページを選択する
表示するページはTOPページのみか全ページかは好みですが、せっかく作ったのでサイト全体に表示しましょう🤗
![【AFFINGER6使い方】〜トップページカスタマイズ〜ヘッダーカードの作成方法⑰](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/f26eda435ba6fe8b687fd9935c1f31f1-1024x183.png)
これで、完成です✨
いかがだったでしょうか?ぜひ、イメージにぴったりのトップページにして愛着あるブログを育てていきましょう😊
楽しいですね〜♪
![](https://sp-no-enjoy-life.com/wp-content/uploads/2021/07/action_banar-1-1024x916.png)
AFFINGER6の使い方
AFFINGER6の使い方のページをご覧頂きありがとうございます🤗
こちらでは、「稼ぐ」に特化したWordPressテーマ〜AFFINGER6〜の使い方の解説をしてます。
初心者さまへもわかりやすくをモットーに書いております。
他のページでも絶賛解説中です。みなさまのブログ作成に役立てば嬉しいです。
こんなページもあります
トップページのカスタマイズ
お知らせの作成方法
タブ式カテゴリー一覧の作成方法
カテゴリー一覧(スライドショー)の作成方法
"TOPに戻るボタン"のカスタマイズ方法
ヘッダーカードの作成方法
ボックスメニューの使い方② サイドバーへの表示方法
スライドショーの下にお知らせを挿入する方法
流れる文字の表示方法
記事の書き方
ブロックエディタ基本的な使い方
ブロックエディタの装飾一覧
タグ機能の装飾一覧
光るボタンの作り方
文字にアニメーションをつける方法
フォント(Google Fonts)の設定方法
FontAwesome5のアイコンにアニメーションを付ける方法
ボックスメニューの使い方①
ブログカードの作り方&カスタマイズ方法
吹き出し・会話アイコンの使い方・設定・カスタマイズ方法