【第三回実験】WordPressのカスタム投稿タイトルを固定ページや投稿にリストで一覧表示する方法

お仕事でカスタム投稿の記事をテキストリスト化するのに色々調べて解決したので、
実験結果としてまとめました。

実験内容

個別ページにカスタム投稿のテキストリストを新着情報のように表示させたい。

今回の参考サイトさん

1. ▼【妙高Web屋】カスタム投稿タイプの新着一覧を表示する方法【WordPress】- 結論部分利用
   https://www.web-myoko.net/blog/wordpress/wordpress-custom-post-type-how-to-display-new-list/
2. ▼ 【Takumi Hirashima Artworks】WordPress カスタム投稿タイプの作成方法 – カスタム投稿タイプの表示方法部分利用
   https://hirashimatakumi.com/blog/1411.html
3. 投稿の日付を取得し、表示する / 日付のフォーマットを変更する – フォーマット指定部分利用
   https://thewppress.com/libraries/get-the-date/
4. 【wordpress】投稿・固定ページ内にPHPファイルをインクルード(挿入/実行)させる – functionコード利用
   https://thewppress.com/libraries/get-the-date/

表示方法

参考サイト１さんのコードで実験した場合

参考サイトさん１【妙高Web屋】さんのコードを利用したんですが、
残念ながらカスタム投稿のスラッグを入力してもいかず…でした。

1行目のcustom-post-nameのところを変更したのですがうまくいかず…
表示させたい固定ページのタイトルとリンクを引っ張ってました。
多分、カスタムページへのテキストリストはできるのかな？
未実験だけどそうだと思います。

参考サイト2さんのコードで実験した場合

参考サイト2【Takumi Hirashima Artworks】さんのコードを利用したら内容が表示できました。
表示件数が任意で設定できるのも素敵。

11行目　<?php echo get_the_date( ‘Y年n月d日’ ); ?>
日付表示を年月日で出したいので()内に指定入れています。
参考サイト４【THE WORDPRESS PRESS】さんのページでフォーマット指定について
詳しく書かれているのでお好きな設定にカスタマイズしてみてください。

14行目　<?php the_content(); ?>
記事の本文全部を取得してきてくれます。
ですが何故かコメントアウトでも消えないところがありました。
lightningのテンプレート（子テーマ反映中）の何かが邪魔してるのかなと思います。
ちなみに消えないのはSNS等の記事下部に表示させているウィジェット。
拡張ツールの設定が頑張って表示させてくれているのかも。
私の場合は<?php get_the_content(); ?>を代わりに入れて消えました。

でも、このままだとテキスト直読みなので、
参考サイト1と２を合わせて成型すればきっとリスト表示できる！(*´꒳`*)

その前にPHPを記事内に表示させる設定

固定ページや投稿ページの中にPHPを表示させるのってこのままだとできないので、
もう一つ設定します。参考サイト4【kawatama.net】さんのコードを利用してfunction.phpに書きました。

※functions.phpは少しでも間違えるとエラーを起こしてサイトにアクセスできなくなるので、
保険として修正前のデータとFTPにちゃんと接続できるようにしておきましょう。
蒼さんはこれで何度か泣いています（血涙）

このコードは親ページの場合の読み込みコードになるので、
子ページを適用している場合は、10行目 get_template()を
get_stylesheet()に変更したら表示できました。

でも、なんでget_stylesheet()なんでしょうね？
まだWordPressのタグ未熟ものなので、
子ページはget_tenplate_child()とかで取得したい気分です。

固定ページや投稿ページに表示するには、
以下のショートコードをそれぞれのページに記載して使います。

papoと記載されているところは、利用したいPHPファイルの名前を記入してください。
例：list.phpの場合 [myphp file=‘list’] ※拡張子.phpは必要なし

表示できたコード

さて、実際の実装したコードはこちらになります。

参考サイト1さんのリストの作成部分と
参考サイト2さんで取得できた情報と参考サイト3さんの時間の設定を利用してPHPを完成できました。
参考サイト4さんの設定で個別ページもどこでも設定できます。

PHPを呼び出してカスタム投稿リスト表示させたものが以下です。
CSSで成型すると素敵でしょ？