【AFFINGER6(アフィンガー6)使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法
みなさん、おはこんばんは😊
今回もトップページのカスタマイズ法、
タブ式カテゴリー一覧の作成方法について解説していきます。
ぜひ、参考にしておしゃれなトップページを作ってみてくださいね🤗
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法①](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/cf871f9df2cfdbd2e38c91d613ba33b4-1024x576.jpeg)
それでは、カスタマイズ方法をお伝えしますね✨
【AFFINGER6(アフィンガー6)使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法
step
1"AFFINGER管理"から"AFFINGER管理"を選択
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法②](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/8558485cb819287aa0ccee3b6c258c77-1-1024x590.png)
step
2"トップページ"を選択
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法③](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/37407062e845f8660c8ac663d3ea661c-1-1024x588.png)
step
3"タブ式カテゴリー一覧"の中をいじっていきます
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法④](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/d9ef952924eb60b1cd2cd968b178e723-1024x590.png)
step
3"タブ式カテゴリー一覧をフロントページに表示する"にを入れる
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑤](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/fab6f17e4cbf3576bfabb7e6b327a0ff-1024x846.png)
step
4表示したいカテゴリーIDを入力(最大4カテゴリーまで表示可能)
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑥](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/290cba34fd3a7f064fb3e8a4436b37ec-1024x846.png)
カテゴリーIDの確認方法
1."投稿"から"カテゴリー"を選択
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑦](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/2f9c52f52cd16980f03bc482176a86d3-1024x590.png)
2."ID"の欄にある数字が各カテゴリーのIDとなり、ここから表示したいIDを最大4つ選び、"タブ式カテゴリー一覧"のカテゴリA〜Dに入力する
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑧](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/645261b787d9dd07f94aced1eb5954b9-1024x589.png)
step
5各タブの背景色を決める
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑨](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/f69aa077e540d4575a8e860b2a547f14-1024x846.png)
おすすめ!カラー選択方法
「色の名前とカラーコードが一目でわかるWEB色見本」
このサイト、とっても便利です。好みの色の見本とカラーコードが非常に見やすくなっているので、カラーを選ぶのが楽しくなりますよ🤗
良かったら、参考に見てみてください✨
step
6"デフォルト"、"角丸にする"、"ボーダーにする"で好みのデザインを選ぶ
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑩](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/d7ab6021528c4cdf9e5d0f25763316ec-1024x862.png)
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑪](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/f49fd4cb0d4cd97ea281ba36480693fa-1-988x1024.png)
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑫](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/fef8f16993f95fab713ffdb9f8b69bbf-1-950x1024.png)
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑬](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/5780d1d273285ebb246194af87d0bab9-1-987x1024.png)
step
7"タブ文字色"で好きな色を選ぶ
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑭](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/2b4a5cf52698e9265fac6096d7e75f41-1024x846.png)
step
8"表示記事数"で好きな記事数を選ぶ
![【AFFINGER6使い方】〜トップページカスタマイズ〜タブ式カテゴリー一覧の作成方法⑮](https://sp-no-enjoy-life.com/wp-content/uploads/2021/10/fe7bd7bb241c0edf3fd3436283864465-1024x846.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のアイコンにアニメーションを付ける方法
ボックスメニューの使い方①
ブログカードの作り方&カスタマイズ方法
吹き出し・会話アイコンの使い方・設定・カスタマイズ方法