MENU
カテゴリー
【新年度応援セール!】期間限定で 20%OFF!

記事一覧の「新着順/人気順/カテゴリ」によるタブ切り替え機能

2020 3/12
記事一覧の「新着順/人気順/カテゴリ」によるタブ切り替え機能
記事上のウィジェットエリア

SWELLでは、トップページには標準で「新着記事の一覧」が表示されますが、
この記事一覧リストの部分を「人気順」や「特定のカテゴリ」で絞り込んだリストごとにタブ切り替えで表示させる機能も用意しています。

このページでは、その「タブ切り替え機能」の使い方を解説していきます。

こういうやつ!

目次前広告表示エリア
目次

カスタマイザーの起動

SWELLでは基本的にテーマカスタマイザーから全ての設定を行うことができます。

カスタマイザーの起動方法については以下の記事を参考にして下さい。

以下では、カスタマイザー上での操作について説明していきます。

記事一覧リストに関する設定はカスタマイザー内の「記事一覧リスト」というメニューに用意しています。

投稿リストの設定項目
カスタマイザーの「記事一覧リスト」メニュー

タブ切り替え機能を使用する方法

カスタマイザーの「記事一覧リスト」メニューの中に、以下のような設定項目が用意されています。(けっこう下の方にあります)

タブ切り替え機能の設定
タブ切り替え機能の設定

初期状態では「新着記事タブを追加する」のみにチェックが入っている状態になっていて、この状態ではタブボタンは表示されません。

人気記事タブ」はチェックを入れるだけで表示できます。

また、「新着記事」と「人気記事」というテキストは自由に設定できます。

カテゴリー・タグをタブに使用する方法

「タームタブの設定」という項目でカテゴリーやタグのIDを指定することで、そのカテゴリーに分類された記事だけが並ぶリストをタブ切り替えすることができるようになります。

カテゴリーID・タグIDの確認方法について

SWELLでは、カテゴリー・タグの一覧ページでIDを表示するようにしています。

カテゴリーIDの確認
カテゴリー一覧テーブル

タブのデザインを選択する方法

タブデザイン」という設定項目にて、3種類のデザインから選択することができます。

こちらから、お好きなデザインを選択することができます。

デザイン:標準

タブデザイン「標準」の見た目
タブデザイン「標準」

デザイン:グレーボックス

タブデザイン「シンプル」の見た目
タブデザイン「シンプル」

デザイン:下線

タブデザイン「下線」の見た目
タブデザイン「下線」(ver. 1.3.2 から追加)

トップページ以外でのタブ切り替え機能

「■ タブ切り替え設定(トップページ)」設定エリアのすぐ下に、次のような設定エリアが続いています。

トップページ以外でのタブ切り替え設定
トップページ以外でのタブ切り替え設定

ここの設定で、タームアーカイブ(カテゴリー・タグ)ページ著者アーカイブページには「人気記事タブ」を設置することができます。

カテゴリー・タグページでは、それぞれのページごとに「人気記事タブ」を設置するかどうかを設定することができます。

記事下のウィジェットエリア

この記事が気に入ったら
フォローしてね!

目次
閉じる