【SWELL非公式マニュアル】記事一覧リストのデザイン設定

SWELLでは、トップページには標準で「新着記事の一覧」が表示されますが、

この記事一覧リストの部分を「人気順」や「特定のカテゴリ」で絞り込んだリストごとにタブ切り替えで表示させる機能があります。

この記事では、その「タブ切り替え機能」の使い方を紹介します。

タブ切り替え機能

SWELL公式サイト
目次

\ 初心者におすすめ /

以下の3つを利用すると
最短最速でブログ収益化ができます

【レンタルサーバー】

エックスサーバー

【WordPressテーマ】

SWELL

【SEOツール】

ラッコキーワード

上記のリンクを選択すると、各サービスの詳しい記事に移動します。

カスタマイザーの起動

記事一覧リストに関する設定はカスタマイザー内の「記事一覧リスト」にあります。

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

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

カスタマイザーの「記事一覧リスト」メニューの中に、以下のような設定項目があります。

タブ切り替え機能の設定
SWELL公式サイト:タブ切り替え機能の設定

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

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

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

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

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

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

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

カテゴリーIDの確認
SWELL公式サイト:カテゴリー一覧テーブル

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

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

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

タブデザイン「標準」の見た目
SWELL公式サイト:タブデザイン「標準」
タブデザイン「シンプル」の見た目
SWELL公式サイト:タブデザイン「シンプル」
タブデザイン「下線」の見た目
SWELL公式サイト:タブデザイン「下線」(ver. 1.3.2 から追加)

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

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

トップページ以外でのタブ切り替え設定
SWELL公式サイト:トップページ以外でのタブ切り替え設定

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

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

SWELL公式マニュアル:記事一覧の「新着順/人気順/カテゴリ」によるタブ切り替え機能

この記事を書いた「ブルー」です。
プログラマー×ブロガー
へなちょこシステムエンジニアが副業ブログで月収10万円を達成。エックスサーバー、SWELL、ラッコキーワードを使った稼げるブログを作る方法を解説します。

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次