AFFINGER ブログ

【AFFINGER6 タブ式カテゴリ一覧の設定方法】見栄えが良いおすすめ設定!

ひで

石川県のローカルブロガー 主にグルメを中心として活動中。 活動拠点は金沢市、白山市、野々市になります。 インスタグラムフォロワー1万人越

ひで
AFFINGER6のタブ式カテゴリ一覧はどうやって設定すれば良いかな

 

トップページをカスタマイズする際に定番になりつつある【タブ式カテゴリ一覧】

 

AFFINGER6では管理画面より簡単に設定できるのが魅力的なのでぜひ設定しておきたいですね

 

ひで
見た目もスッキリして見やすいのも凄く良いですよ

 

それではサクっと設定していきましょう~!

 

注意

この設定は既に記事が複数記事用意され、カテゴリーが作成されている前提で話をすすめていきます

カテゴリの設定をまだできていない方は下記のを参考ください

Affinger6 カテゴリー設定
【AFFINGER6 カテゴリー設定方法】記事を整理して見やすくしよう!

続きを見る

 

AFFINGER6 タブ式カテゴリ一覧の設定方法について

タブ式カテゴリ一覧

こういうやつをつくります

 

step
1
【AFFINGER 管理】

Affinger6 管理画面

 

step
2
【トップページ】 ⇒ 【タブ式 カテゴリ一覧をフロントページに表示する】にチェックしカテゴリIDを入力

タブ式カテゴリ一覧2

補足

カテゴリIDは【投稿】⇒【カテゴリ】から見ることが出来ます

新着記事 お知らせ3

step
3
タブの色を決める

タブ式カテゴリ一覧3

ひで
タブの色を設定したら、タブの文字色も変更してみよう!

 

配色パターンが分からない場合は「Color Hunt」を参考にしていただき色を決めてみてくださいね

 

ひで
自分もこのサイトから配色パターンを選ぶことが多いです

 

step
4
好みで設定を調整する 

タブ式カテゴリ一覧4

 

各項目について

タブのデザインデフォルト(角が四角)・角丸にする・ボーダーにする
表示記事数表示させたい記事数。デフォルトは5
記事の表示順番【昇順】 ⇒ 日付が新着順 【降順】 ⇒ 日付が古い順
表示の基準ID・投稿日・更新日・ランダム
子カテゴリーを除外する子となっているカテゴリーを表示させない

 

ひで
画像の通り設定していただいても問題無し!

 

step
4
サムネイルの調整をする 

タブ式カテゴリ一覧

 

トップページ記事のサムネイル設定をまだ終えていない方は下記を参考にしてサムネイルを大きく見せる設定にしておくと良いでしょう!

 

ひで
設定は管理画面でクリックするだけなので簡単です
【AFFINGER6 サムネイルの設定方法】サムネイルの最適な設定をご紹介!

続きを見る

 

AFFINGER6のタブ式カテゴリ一覧は使い勝手もよくておすすめ!

タブ式カテゴリ一覧

 

AFFINGER6でタブ式カテゴリ一覧を作成する方法について解説していきました!

 

ボタンの配色によっておしゃれなカテゴリ一覧が作成できるので自分のサイトに合う配色パターンを見つけて設定してみてください!

 

今回の作業はこれでおわり! お疲れさまでした!

 

ひで
ブログカード型に変更したい方は下記の記事もおすすめ
トップ画面 タブ式 カテゴリー ブログカード化 アイキャッチ画像
【(有料級)AFFINGER6 ブログカード型にする方法】初心者も安心!コピペで作れます

続きを見る

 

この記事も読まれています

  • この記事を書いた人
  • 最新記事

ひで

石川県のローカルブロガー 主にグルメを中心として活動中。 活動拠点は金沢市、白山市、野々市になります。 インスタグラムフォロワー1万人越

-AFFINGER, ブログ