【第三回実験】WordPressのカスタム投稿タイトルを固定ページや投稿にリストで一覧表示する方法
![](http://aoirolabo.com/wp-content/uploads/2020/09/wordpress_custom_list-1024x598.png)
お仕事でカスタム投稿の記事をテキストリスト化するのに色々調べて解決したので、
実験結果としてまとめました。
実験内容
個別ページにカスタム投稿のテキストリストを新着情報のように表示させたい。
今回の参考サイトさん
- ▼【妙高Web屋】カスタム投稿タイプの新着一覧を表示する方法【WordPress】- 結論部分利用
https://www.web-myoko.net/blog/wordpress/wordpress-custom-post-type-how-to-display-new-list/ - ▼ 【Takumi Hirashima Artworks】WordPress カスタム投稿タイプの作成方法 – カスタム投稿タイプの表示方法部分利用
https://hirashimatakumi.com/blog/1411.html - 投稿の日付を取得し、表示する / 日付のフォーマットを変更する – フォーマット指定部分利用
https://thewppress.com/libraries/get-the-date/ - 【wordpress】投稿・固定ページ内にPHPファイルをインクルード(挿入/実行)させる – functionコード利用
https://thewppress.com/libraries/get-the-date/
表示方法
参考サイト1さんのコードで実験した場合
参考サイトさん1【妙高Web屋】さんのコードを利用したんですが、
残念ながらカスタム投稿のスラッグを入力してもいかず…でした。
1行目のcustom-post-nameのところを変更したのですがうまくいかず…
表示させたい固定ページのタイトルとリンクを引っ張ってました。
多分、カスタムページへのテキストリストはできるのかな?
未実験だけどそうだと思います。
参考サイト2さんのコードで実験した場合
参考サイト2【Takumi Hirashima Artworks】さんのコードを利用したら内容が表示できました。
表示件数が任意で設定できるのも素敵。
11行目 <?php echo get_the_date( ‘Y年n月d日’ ); ?>
日付表示を年月日で出したいので()内に指定入れています。
参考サイト4【THE WORDPRESS PRESS】さんのページでフォーマット指定について
詳しく書かれているのでお好きな設定にカスタマイズしてみてください。
14行目 <?php the_content(); ?>
記事の本文全部を取得してきてくれます。
ですが何故かコメントアウトでも消えないところがありました。
lightningのテンプレート(子テーマ反映中)の何かが邪魔してるのかなと思います。
ちなみに消えないのはSNS等の記事下部に表示させているウィジェット。
拡張ツールの設定が頑張って表示させてくれているのかも。
私の場合は<?php get_the_content(); ?>を代わりに入れて消えました。
でも、このままだとテキスト直読みなので、
参考サイト1と2を合わせて成型すればきっとリスト表示できる!(*´꒳`*)
その前に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で成型すると素敵でしょ?
やったね(*´꒳`*)
実際の表示
投稿ページの表示はコチラ
固定ページでの表示はコチラ
カスタムページでの表示はコチラ
実験してみて
今回はなかなか難産でした。うまく実装できなかったので、
色んなサイトを探して合わせ技で実装しました。
PHP時間はかかるけどだんだん面白くなってきてます(*´꒳`*)
でも、私みたいな初心者がコードを書いていくときに、
以下のようにPHPのコードを内に書かないと動かないのがわかりませんでした。
<?php <!– ここに情報を書く –> ?>
初心者は基本がぶっ飛んでるから面白いのですが、
私のコードはちゃんとコピペで実装できるコードにしていこうと思います。
後は検索する時に近いワードを検索するんだけど、欲しい情報に届かない場合もあるので、
早く実装したい時に早く情報を探せるようにしたいなぁと思いました。
次の実験は第4回。何にしようかな。
お楽しみに!(*´꒳`*)/
“【第三回実験】WordPressのカスタム投稿タイトルを固定ページや投稿にリストで一覧表示する方法” に対して2件のコメントがあります。
コメントは受け付けていません。