先日、カテゴリー「Web」の記事ではちょくちょく作成したjsのサンプルなどをご紹介させていただいていますが、動作確認できるページを作れるようにWordPressをカスタマイズしました。あわせてこれらを一覧化したページも設けたいと思い、特定の固定ページ(親ページ)に紐づいた子供ページを一覧で表示する機能も追加しましたので、カスタマイズ方法をご紹介させていただきたいと思います。導入手順1一覧表示用テンプレートを作成まずは、特定の固定ページのテンプレートを表示させるためのテンプレートを1つ追加します。Web屋の芝生DIYでは以下のようなソースコードでテンプレートを1つ追加しました。?>」と本文を反映するのではなく、以下のソースを埋め込んでおくのがポイントです。$count++;endwhile;endif;wp_reset_query();?></ul>親ページのIDは、ページの編集画面のURLに表示されている「?post=」の値を引用すればOKです。一覧に表示したい子供ページを作成し、編集画面で一覧表示用として作成した親ページを選択して保存します。これで以下のページのように特定の固定ページを親とする一覧ページが作成できました。デモページ一覧まとめ通常、あまりWordPressでブログを運営するうえであまりやらない事かもしれませんが、今回jsなどのデモを実際にご紹介するにあたって、Qiitaなどの外部サービスを利用するのではなく、あくまでも自サイト内で完結させたいという意図から、今回のカスタマイズを行いました。カスタム投稿などでも同じようなことができるかとは思いますが、固定ページで特定のページ一覧を実装したい場合は、本記事をご参考にしていただければ幸いです。ため、即時には反映されません。住宅ローン2019年5月7日さらに見る記事を書いている人フォローするRSSを購読するWebデザイナー/フロントエンド・エンジニアのMasaです。独学でWebデザインを勉強後Web業界へ就職し、今の会社に勤めて12年目になりました。2016年4月にマイホームを購入し、休日は芝生いじりと育児に励んでいます。