WordPressのLightningテーマを使ったときに、カスタム投稿一覧ページに表示させる内容をカスタマイズしたいということがあります(ありました)。

 

調べてみてもまとまった情報がなかったので、未来の自分のために書き残しておくことにします。

 

1.Lightningテーマから「loop-item.php」を見付けて子テーマにコピーする

Lightningテーマの

・Lightning

 ┗_g3

  ┗template-parts

   ┗loop-item.php

ファイルがあるので、これを子テーマの

・lightning-child

 ┗_g3

  ┗template-parts

にコピーします。

 

2.コピーした「loop-item.php」を編集する

loop-item.phpをテキストエディタで開いて、書いてある内容を全部消します。

 

そして、カスタム投稿一覧ページに表示させたいHTMLタグを書き込みます。

 

カスタム投稿のフィールドグループ名が以下のようになっている場合、赤で囲んだ名前欄の語句を使って <?php the_field('custmer_voice'); ?> のようにすると、カスタム投稿で入力した項目を表示させる事ができます。

 

ちなみに、カスタム投稿のタイトルは <?php the_title(); ?> で表示させられます。

 

3.投稿タイプIDを含めたファイル名に変更する

編集が終わったら、ファイル名をloop-item.phpから変更します。

 

たとえば、カスタム投稿の投稿タイプIDが voice だった場合、loop-item-voice.php という名前にしてください。

 

4.変更したファイルをサーバーにアップロードする

loop-item-voice.php を、サーバーにアップロードします。場所は以下の通りです。

 

・WordPressを設置したフォルダ

 ┗wp-content

  ┗themes

   ┗lightning-child

    ┗_g3

     ┗template-parts

 

これで、カスタム投稿一覧ページの表示内容をカスタマイズできます。