【SWELL】記事一覧の「新着記事/人気記事」をタブで切り替える

こういった悩みにお答えします。

デモの紹介

本記事を読むことで以下のように記事一覧の「新着記事/人気記事」をタブで切り替えることができるようになります。

カテゴリーやタグをタブに追加することもできます。

SWELLの記事一覧の「新着記事/人気記事」をタブで切り替えれるようにする

管理画面メニューから、「外観」＞「カスタマイズ」を選択します。

サイドバーから、「記事一覧リスト」を選択します。

サイドバーの記事一覧を下へスクロールすると「タブ切り替え設定（トップページ）」が現れます。

「新着記事タブ」を追加するは、デフォルトでチェックが入っています。

記事一覧の「新着記事/人気記事」をタブで切り替えるようにする

表示するタブの設定から、「人気記事タブ」を追加するにチェックを入れると「新着記事/人気記事」タブが表示されます。

タブデザイン

記事一覧に「カテゴリー/タグ」も追加してタブで切り替えるようにする

「タームタブ」の設定から、カテゴリーやタブのIDを入力すると、IDに対応した項目が表示されます。

カテゴリーやタグのIDとは

管理画面メニューから、カテゴリーまたはタグを選択します。

以下の赤枠で囲っている数字がカテゴリーやタグのIDです。

SWELLの記事一覧の「新着記事/人気記事」タブをその他のページにも設定する

サイドバーの記事一覧を下へスクロールすると「タブ切り替え設定（その他のページ）」が現れます。

タブ切り替え設定（その他のページ）から、タームアーカイブに「人気記事タブ」を追加にチェックを入れるとカテゴリーやタームのアーカイブに「新着記事/人気記事」タブが表示されます。

タブ切り替え設定（その他のページ）から、著者アーカイブに「人気記事タブ」を追加にチェックを入れると著者アーカイブに「新着記事/人気記事」タブが表示されます。

今回は以上です。