【SWELL】カテゴリー別の投稿一覧ページを作る【WordPress】

WordPressでは一般的に、トップページに投稿一覧ページが表示されるが、表示設定から固定ページをトップに表示させることができる。

ブログではなく、企業HPなど、記事よりもホームページとしての役割があるサイトに使われるが、そういったホームページでも記事数を増やすためにブログを作成していることも多い。

トップページとは別に投稿ページを作る。さらにカテゴリー分けをして、お知らせは出さず、コラム系の記事だけを出すような感じにしたい。

※まさに当サイトがそうなっている。

Image from Gyazo
ブログカテゴリだけに絞って一覧表示している

今回は2つの方法を解説する。1つ目がシンプルな方法、2つ目がカスタマイズしやすい方法だ。

\ 便利なワードプレステーマ /

https://swell-theme.com

① ブログカテゴリページの設定【ページャー付き】

最もシンプルな方法だが、細かいカスタマイズができない。まずはこの方法を試してみて、カスタマイズしたくなったら下で紹介している方法に移行するといいだろう。

STEP
カテゴリページの表示

サイドバー「カテゴリー」から、今回一覧表示させたいカテゴリーの「表示」をクリック。

Image from Gyazo
STEP
カテゴリーページの確認

書いたカテゴリー記事の一覧が表示される。

Image from Gyazo
STEP
カテゴリーページの編集

先ほどのカテゴリー設定画面に戻って、今度は「編集」をクリック。

Image from Gyazo
STEP
カテゴリーページの設定

レイアウトやタイトルなどを設定することができる。

Image from Gyazo

これだけでも結構きれいなレイアウトに仕上がるが、もっと細かく画像や文章を入れたい場合は、固定ページに投稿リストを作る方法がある。

\ 便利なワードプレステーマ /

https://swell-theme.com

② 固定ページに投稿一覧を表示する【ページャー無し】

この方法だと、並び順や表示数など、もう少し細かくカスタマイズできるようになる。

STEP
固定ページ作成

固定ページを作る。タイトルは何でもOK。

Image from Gyazo
STEP
投稿リストブロックを追加

黒+をクリックして投稿リストブロックを選択。

Image from Gyazo
STEP
右サイドバーから設定

ブロックタブ→Settingsタブから、投稿数やリストを自由に設定する。

投稿数は最大24までで、ページャーも付いていない。25件以上の投稿は表示できないため、先ほどのカテゴリーページに飛ばすしかない。

Image from Gyazo
STEP
もっと見るリンクを追加

Settingsタブの下の方にある「MOREリンクの表示テキスト」にもっと見る的な文字を入力。これがボタン名になる。

その下の「MOREリンクのURL」には、カテゴリーページのURLを貼り付ける。

Image from Gyazo
STEP
カテゴリーを絞る

Pickupタブの「タクソノミーの条件設定」から、「カテゴリー」を選択し、表示したいカテゴリーを選択。

Image from Gyazo
STEP
ページ確認

公開したページを見ると、カテゴリーに絞った記事一覧が表示されている。

一番下には、「もっと見る」ボタンも設置されており、クリックするとカテゴリーページに飛ぶ。

Image from Gyazo

カテゴリーページと固定ページの記事一覧は似ているので、両方作るならリストレイアウトを変えるとか、デザインに差を付けたほうがいいと思う。

似たようなページが2つあっても戸惑ってしまう。