この記事がお勧めな方
- AFFINGER6でトップページのカスタマイズをしたい方
- AFFINGER6でタブ式カテゴリーの表示方法を知りたい方
下のようなタブ式カテゴリーを表示させる方法です。

タブ式カテゴリーを表示させる為の準備
タブ式カテゴリーを表示させるには「カテゴリー」を作成しておく必要があります。
まだ「カテゴリー」を作成していな方はまず「カテゴリー」を2つ程度作成しましょう。
※ タブ式カテゴリ一を表示させるにはカテゴリIDを2つ以上設定する必要があります。
カテゴリーの作成については別記事で説明していますのでそちらを参考にしてみてください。
トップページにタブ式カテゴリーを表示させる方法
トップページにタブ式カテゴリーを表示させるのはとても簡単です。
まず「AFFINGER管理」→「トップページ」→「タブ式カテゴリ一覧」を選択します。

タブ式カテゴリ一覧の項目を設定して保存すれば「タブ式カテゴリー」を表示することができます。
タブ式カテゴリ一覧

A:表示設定と表示させるカテゴリーの設定 |
B:タブの背景色と文字色の設定 |
C:タブデザインの設定 |
D:表示記事数や表示順の設定 |
E:最新記事一覧タブ名 |
A:表示設定と表示させるカテゴリーの設定
「タブ式カテゴリ一覧をフロントページに表示する」にチェックを入れます。
カテゴリー入力欄に表示させたいカテゴリIDを入力します。
カテゴリIDは「投稿」→「カテゴリ」で確認することができます。

B:タブの背景色と文字色の設定
タブの背景色と文字色の設定ができます。

タブの背景色を変更するとこんな感じです。

C:タブデザインの設定
タブのデザインは5種類から選択できます。
- デフォルト
- 角丸にする
- スクエアにする
- ボーダーにする
- タブ(シンプル)にする
デフォルト
デフォルトの実際表示はこんな感じです。

角丸にする
角丸の実際表示はこんな感じです。

スクエアにする
スクエアの実際表示はこんな感じです。

デフォルトと変化がわかりませんでした。
ボーダーにする
ボーダーの実際表示はこんな感じです。

タブ(シンプル)にする
タブ(シンプル)の実際表示はこんな感じです。

D:表示記事数や表示順の設定
表示記事数や表示する順番の設定が可能です。
※「無限ループにする」はEX(上位版)限定の機能になります。
E:最新記事一覧タブ名
最新記事一覧のタブを設定できます。
設定するにはカテゴリAの入力欄を空欄にします。
最新記事一覧タブ名の入力欄に表示させたい文字列を入力します。
「NEW」や「最新記事」などと入力するのがいいと思います。

最新記事一覧タブを設定した実際表示はこんな感じです。

以上がトップページにタブ式カテゴリーを表示させる方法になります。
設定は「Save」ボタンをクリックして保存しないと反映されないので、忘れずに保存をしてください。
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪

現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
例えば、こんなツールです。
詳しくはこちらの記事で→ 無料お試しがずっと可能なAIライティングツール
広告
AFFINGER6:記事一覧
-
-
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
2025/2/14
AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内 ...
-
-
(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】
2025/3/7 AFFINGER6
AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では(通常版)AFFINGER6と(上位版)A ...
-
-
『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!
2025/2/21 SWELL
SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 17,600円(税込み) シンプル&高機能なWordPressテーマ! 最 ...
-
-
AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由
2025/3/7 AFFINGER6
AFFINGER6を購入しようと思っている初心者の方は、解らないことが多いからこそ購入に対して不安を感じるかもしれません。 この記事は、実際に知識ゼロからAFFINGER6を使用した私が断言できる内容 ...
AFFINGER6の購入とインストール方法
-
-
【知っておくべき!】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択!
2025/3/12 AFFINGER6
AFFINGER6を使ってみたい! という方に ちょっと待ってください! AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できま ...
-
-
AFFINGER6(アフィンガー6)のインストール方法-初心者でも安心!購入プランから徹底解説!
2025/2/18 AFFINGER6
AFFINGER6の購入からインストールして使えるようにするまでの手順や注意点を詳しく解説しています。 価格 14,800円(税込み) 有名ブロガーさん多数使用のWordPressテーマ! 「稼ぐ」に ...
-
-
AFFINGER6(アフィンガー6)EX版の購入とアップグレードの方法
2025/3/9 AFFINGER6
この記事ではAFFINGER6の上位版である「AFFINGER6EX」へのアップグレード方法を解説しています。 AFFINGER6EX版にアップグレードする為の条件 AFFINGER6からEX版にアッ ...
AFFINGER6の設定関係
-
-
AFFINGER6導入後にまず何をしたらいいの?-初心者にお勧めの初期設定4項目
2025/3/6 AFFINGER6
「ブログで稼ぎたい!」 って思いブログを始めた初心者の方も多いと思います。 収益化するには何より記事を作成しなければ話になりません。 この記事ではAFFINGER6を始めたばかりの初心者の方向けに、い ...
-
-
AFFINGER6(アフィンガー6)にお勧めのプラグイン【初心者向け】
2025/2/19 AFFINGER6
AFFINGER6にお勧めのプラグインを9つ紹介しています。 初心者の方は何を導入すればいいのか解らないと思いますので、是非参考にしてみてください。 プラグインとは? 「プラグイン」とはワードプレスを ...
-
-
AFFINGER6で今使っているバージョンを確認する方法
2025/3/12 AFFINGER6
AFFINGER6に限らずテーマを最新の状態にアップデートすることは大切です。 ここでは、AFFINGER6で今使っているバージョン情報を確認する方法やアップデートに関する内容を解説しています。 バー ...
-
-
AFFINGER6のアップデート方法(2パターンを解説)
2024/12/30 AFFINGER6
この記事がお勧めな方 AFFINGER6のアップデート方法を知りたい方 AFFINGER6の手動でのアップデート方法が知りたい方 AFFINGER6で自動更新のお知らせを設定する方法を知りたい方 AF ...
-
-
AFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法
2025/3/9 AFFINGER6
ここではAFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法を初心者向けに解説しています。 AFFINGER6(アフィンガー6)では簡単にGoogleアナリティクスを導入して ...
-
-
AFFINGER6:Googleサーチコンソールへの登録方法
2025/3/9 AFFINGER6
Googleサーチコンソールではあなたのサイトが「どんなキーワードで表示されたのか」を確認することができたり、あなたのサイトのページが「どれくらいインデックスされているか」などを調べることができます。 ...
-
-
AFFINGER6のステマ規制対策-広告表記を表示させる方法
2025/3/8 AFFINGER6
この記事ではステマ規制対策としてAFFINGER6(アフィンガー6)で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対す ...
AFFINGER6の使い方
-
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2025/3/8 AFFINGER6
この記事はAFFINGER6(アフィンガー6)の使い方を初心者向けに詳しく解説しています。 見出しの作成方法 記事作成の基本!見出し作成や見出しについての記事です。 カテゴリーの作成とカテゴリーページ ...
AFFINGER6のデザインカスタマイズ
-
-
AFFINGER6のカスタマイズ方法-初心者向けガイド-
2025/3/8 AFFINGER6
この記事ではAFFINGER6のカスタマイズ方法を初心者向けに詳しく解説しています。 デザインカードプラグインでサイトデザインを変更する方法 プラグインでサイトデザインを簡単に変更できるようになりまし ...