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

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

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

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

こういうやつ!

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

カスタマイザーの起動

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

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

あわせて読みたい
【SWELLの設定】「テーマカスタマイザー」の使用方法
【SWELLの設定】「テーマカスタマイザー」の使用方法SWELLの設定やカスタマイズは、ほぼ全て「テーマカスタマイザー」機能で行うことができるように設計しました。「テーマカスタマイザー」機能はリアルタイムで設定が反映...

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

今回のタブ切り替え機能に関する設定は、[TOP]その他の設定というメニューから設定できます。

「人気記事タブ」を使用する方法

「人気記事タブ」を追加する】という項目にチェックを入れることで、人気順で記事一覧リストを生成し、タブの切り替えすることが可能になります。

また、「人気記事」という表示名の変更も可能にしています。

人気記事タブの設定
カスタマイザー > [TOP]その他の設定

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

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

カテゴリーだけでなく、タグも使用可能です。

カテゴリータブの設定
カスタマイザー > [TOP]その他の設定

カテゴリーID・タグIDの確認方法

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

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

カテゴリー一覧ページのURL:「https://あなたのドメイン/wp-admin/edit-tags.php?taxonomy=category」

「新着記事」の表示テキストの変更方法

「人気記事タブ」や「カテゴリータブ」を有効にした場合、「新着記事」という表示名で新着順の記事リストを表示しています。

この表示名も変更することが可能ですので、お好きな表示にカスタマイズしてみてください。

新着記事タブの表示名
カスタマイザー > [TOP]その他の設定

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

現在、3種類のタブデザインを用意しています。(ver.1.3.2時点)

カスタマイザーの [TOP]その他の設定 メニューの中に、以下のような設定項目があります。

タブのデザイン設定項目
タブのデザイン設定項目

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

デザイン:標準

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

デザイン:シンプル

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

デザイン:下線

タブデザイン「下線」の見た目
タブデザイン「下線」(ver. 1.3.2 から追加)
記事下のウィジェットエリア

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

目次
目次