その他

タブ式カテゴリ一覧(トップページ)機能

※画像はAFFINGER6EX版

従来のタブショートコードを使用した切替ができるカテゴリ一覧をトップ(フロント)ページに今までよりも簡単に表示できるようにしました。

設定方法

「テーマ管理」>「トップページ」>”タブ式カテゴリ一覧”にて設定します。

タブ式 カテゴリ一覧をフロントページに表示する

表示するには

  • 「タブ式 カテゴリ一覧をフロントページに表示する」が有効化されている
  • カテゴリIDが2つ以上設定されている

ことが条件となります。

カテゴリ(ID)

表示したいカテゴリIDを指定します。

カテゴリAは「必須」となり、もし入力が無い場合は全カテゴリを含めた一覧を「最新記事」として表示します。

※カテゴリAのIDは必須です。入力が無い場合は「最新記事」として総合の一覧となります
※除外IDや「0」、複数のID、存在しない記事IDには対応しておりません
※EX版のカードデザイン化に連動します(JETのカードデザインには未対応)
※インフィード広告には非対応

カテゴリページへのリンクを追加

ver20210719よりタブ式カテゴリ一覧にてカテゴリIDを指定している場合に限り、該当カテゴリページへのリンクボタンを表示するようにしました。

※空白(又は999999)で表示される新着記事一覧には適応されません。
※EXの無限ループ有効時は表示されません

タブ(背景色)・タブ文字色

各タブの色は

タブ(背景色)> カテゴリ毎に設定した背景色

タブ文字色 > カスタマイザーのカテゴリ文字色

の優先順にて反映されます。

「タブ(背景色)」で色を指定した場合のみ選択中のタブに吹き出しが追加されます※但し、カテゴリが4つある場合のスマホ閲覧時(599px以下)では非表示。

表示記事数

表示する記事数を指定します(デフォルトは「5」です。)

昇順(DESC) 降順(ASC)

カテゴリ記事一覧の表示順を指定します

ID 投稿日 更新日 ランダム

カテゴリ記事一覧の表示順の基準を指定します

子カテゴリーを除外する

有効化すると親カテゴリーAを親に持つ子カテゴリーBでも、親カテゴリーAのカテゴリチェックを入れていない場合は親カテゴリーAのカテゴリIDによる記事一覧から除外します。

無限ループにする(EX版 限定機能)

EX版限定機能です

AFFINGER6EXサンプル

カテゴリ記事一覧に「もっと読む」ボタンを追加してクリックするごとに新しい記事を読み込みます。

「テーマ管理」>「投稿・固定記事」>”もっと読む(無限スクロール)を使用する”も有効にする必要があります

最新記事一覧タブ名

空白(又は999999)で表示される新着記事一覧のタブ名を指定します。

デフォルトの記事一覧を非表示にする

タブ式カテゴリ一覧を表示した場合も下にはデフォルトの記事一覧が表示されます。

非表示にしたい場合はテーマ管理の「トップページ」>”記事一覧”>”トップページのコンテンツ内の新着記事一覧を非表示にする”を有効化して下さい。

解決しないことは検索もしてみてね

人気の解析ツールをセットにしたお得なパックです。サイトの状況や改善点を視覚化することで目標達成のためやるべきことが明確になります。

  • シンプルでわかりやすいアクセス解析
  • クリック計測・広告管理機能
  • ABテスト機能

今ならお得なキャンペーン中!

さらに詳しくみる

AFFINGERデザインカード

オススメ記事

no image 1

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

-その他

【AFFINGER監修】 SEOを考慮したAI記事作成ツール

AFFINGER公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -

PAGE TOP