WordPress 投稿に年月日を持たせて今月のイベント一覧ページを作るメモ

イベント系のページで重宝する「今月開催されるイベント一覧」ページの作り方。
改造することで、来月のやーつなんかもでけます。

ざっくり思案

・一覧ページは固定ページを使う
・投稿にカスタムフィールドを使って『年月日』を紐づける
・紐づけた『年月日』を参照して、今月開催されるイベント一覧を作る
・クエリーポストで今月1日~末日の値を持っている投稿を表示する
・ページネーションも対応すっぞ

0.準備

プラグイン「Advanced Custom Fields」

https://ja.wordpress.org/plugins/advanced-custom-fields/
1.インストールしますわな
2.フィールドを作る
3.フィールド名は『schedule-day』
4、フィールドタイプは『デイトピッカー』
5.フォーマットを保存するは『yymmdd』
6.表示フォーマットも『yymmdd』

固定ページを作る

わかりやすいように固定ページテンプレートを作る(※1)

投稿ページでイベント日を設定

「Advanced Custom Fields」で作ったカスタムフィールドの入力欄(デイトピッカー)で年月日を登録

1.固定ページのカスタマイズ

(※1)で作った固定ページテンプレートをイジります。

ポイント1

1日、末日の変数を作っておく

来月のやーつの場合は以下の記述で、上記のものと入れかえるだけ

クエリーポスト

・ページネーション対応
・20件表示
・カテゴリ絞り込み可能
・並び順は1日から順に表示とする

ページネーション対応

wp_reset_query();は忘れないように

実際に動いている固定ページテンプレートのソース

bootstrap4を使ってのテンプレで、PC&スマホ対応なので、余計な記述が色々あるけど、メンゴメンゴw

RELATED POSTS