はじめに
固定ページで「新着記事」ブロック を使い、カテゴリー一覧のようなレイアウトを作りたいケースがあると思います。
しかし、このブロックは「表示件数」を指定する必要があり、カテゴリーページのようにページネーション付きで全ての記事を表示することはできません。
そこで、WordPress標準の「クエリーループ」ブロックを利用する方法がおすすめです。
クエリーループに 「ページ送り」ブロック を追加すれば、カテゴリー一覧ページと同様に、ページネーション付きのエントリーカード型一覧を簡単に実現できます。
この記事では、この方法について説明します。
ダウンロード
完成イメージ
-
「カレンダー」ウィジェットにカテゴリーラベルと同じ背景色を表示する方法
-
はみ出している要素を赤くしてレイアウト崩れの原因を特定する方法
-
「カレンダー」ウィジェットで投稿が1件しかない日は直接記事へジャンプさせる方法
-
「カレンダー」ウィジェットに投稿タイトル（title属性）を表示する方法
-
メニュー画面でカスタム投稿とタクソノミーをセットにして色分けする方法
-
プラグインなしでWordPressプラグインの更新履歴と更新日時を一覧画面に表示する方法
実装手順
- ラベルパターンファイルの読み込み
以下のパターンファイルの読み込み手順を参考にダウンロードしたパターンファイル（new_list.json）を読み込みます。
- ラベルパターンを配置
Gutenbergエディター 登録したパターンを配置します。
- ブロックインサーターのパターンを選択します。
- 検索フォームに「新着記事パターン」と入力します。
- 表示されたパターンを選択します。
- ラベルページあたりの項目数を設定
Gutenbergエディター 新着記事ブロックの「グリッド」を選択します。
- 「ページあたりの項目数」を設定します。
- 絞り込みのタクソノミーから「カテゴリー名」を設定します。
未設定の場合、全投稿が対象となります。
- ラベルカラムを設定
Gutenbergエディター 「投稿テンプレート」を選択し、「カラム」を設定します。
さいごに
今回紹介した方法を使えば、固定ページでもカテゴリー一覧ページのように、新着記事をページネーション付きで表示できます。
標準の「クエリーループ」ブロックと「ページ送り」ブロックを組み合わせるだけで、Cocoon風のエントリーカード型レイアウトを実現可能です。
ぜひ自分のサイトに取り入れてみてください。
