WordPressにて個別ページ上で投稿内容をループして表示させたい

Question

実現したいこと

index.phpでなく、別の個別ページで投稿内容をループさせたいと考えています。

しかし、single.php上で投稿内容をループして表示させたいのですが、関数がうまく動作しません。
例えば、関数the_post()はindex.phpでは動作しループもできますがsingle.php上でうまく動きません。

発生している問題・分からないこと

そもそもsingle.php上で使用できる関数ではないということでしょうか？
また、その場合、各投稿をsingle.php上で表示する方法はどのようにすればよいでしょうか？

分かる方お力添えをお願い致します。

該当のソースコード

 <?php while(have_posts()):?>
    <section class="page-section">
        <div class="container">
            <div class="product-item">
                <div class="product-item-title d-flex">
                    <div class="bg-faded p-5 d-flex me-auto rounded">
                        <h2 class="section-heading mb-0">
                            <span class="section-heading-upper"><?php the_post();?></span>
                            <span class="section-heading-lower"><?php the_title();?></span>
                        </h2>
                    </div>
                </div>
                <img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="<?php echo $img[0]; ?>" alt="..." />
                <div class="product-item-description d-flex ms-auto">
                    <div class="bg-faded p-5 rounded">
                        <p class="mb-0"><?php the_content();?>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                   
                    </div>
                </div>
            </div>
        </div>
    </section>
 <?php endwhile:?>

変更①

    <?php while(have_posts()):?>
    <section class="page-section">
        <div class="container">
            <div class="product-item">
                <div class="product-item-title d-flex">
                    <div class="bg-faded p-5 d-flex me-auto rounded">
                        <h2 class="section-heading mb-0">
                            <span class="section-heading-upper"><?php the_post();?></span>
                            <span class="section-heading-lower"><?php the_title();?></span>

                        </h2>
                    </div>
                </div>
                <img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="<?php echo $img[0]; ?>" alt="..." />
                <div class="product-item-description d-flex ms-auto">
                    <div class="bg-faded p-5 rounded">
                        <p class="mb-0"><?php the_content();?>
                        
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                   
                    </div>
                </div>
            </div>
        </div>
    </section>

    <?php endwhile;?>

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

single.phpで投稿内容をループして表示させる方法と調べてみましたが、実現できる結果に辿り着けませんでした。

補足

特になし

上記の変更①の結果

the_post() をget_posts()に変更、または、have_post()をget_posts()へ変更した場合、両方無限ループに入ってしましました。

Answer 1

構文エラーについては別回答の通りです。

single.php は個別の投稿ページや固定ページの場合に選択されるテンプレートですが、ここでのメインループは既に記事が1つであることが各停しています。
つまり the_post() を1回コールすると have_post() 条件に当てはまらなくなります。

メインループと別に記事データを取得するには、 get_posts() を利用します。

追記

コードの例としては下記のような感じになります。
抽出条件は適宜調整してください。

<?php get_header() ?>

<!-- URLに応じた、single.phpが検出しているpost情報の表示 -->
<article>
  <h1><?php the_title() ?></h1>
  <div><?php the_content() ?></div>
</article>

<!-- 他のPOSTを別途5件ランダム表示 -->
<h3>other posts</h3>
<?php
$args = [
    'post_type' => 'post',
    'posts_per_page' => 5,
    'orderby' => 'rand',
    'post__not_in' => [get_the_ID()],
];
foreach(get_posts($args) as $post): ?>
    <article>
        <p>title: <?php echo $post->post_title ?></p>
    </article>
<?php endforeach; ?>

<?php get_footer() ?>

Comments

[hiroki-o]

なるほど、個別の投稿が表示できないという質問と勘違いしていました。

[TMTN]

Eggpan様
ご回答頂きありがとうございます。
お返事遅くなり大変申し訳ございません。
ご回答頂いた事を参考に「変更①」へ記述を変更させて頂きましたが、the_post() をget_posts()に変更または、have_post()をget_posts()へ変更した場合、両方無限ループに入ってしましました。

[Eggpan]

使い方が全く違うのでループ文にget_posts()を書くと無限ループになります。
使用例を回答に追記しました。

[TMTN]

投稿を固定ページへ変更し、上記に記述方法を変呼応したところ、期待していた表記になりました。
ありがとうございました。

Answer 2

AIにより生成された文章です

single.phpは個別の投稿ページを表示するためのテンプレートファイルであり、通常はループ構造を使用する必要はありません。single.phpでは、現在表示されている投稿の情報がデフォルトで利用可能になっています。

したがって、single.php内では以下のようにループを使用せずに投稿情報を表示することができます：

<section class="page-section">
  <div class="container">
    <div class="product-item">
      <div class="product-item-title d-flex">
        <div class="bg-faded p-5 d-flex me-auto rounded">
          <h2 class="section-heading mb-0">
            <span class="section-heading-upper"><?php the_category(', '); ?></span>
            <span class="section-heading-lower"><?php the_title(); ?></span>
          </h2>
        </div>
      </div>
      <?php if (has_post_thumbnail()) : ?>
        <img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="<?php the_post_thumbnail_url(); ?>" alt="..." />
      <?php endif; ?>
      <div class="product-item-description d-flex ms-auto">
        <div class="bg-faded p-5 rounded">
          <p class="mb-0"><?php the_content(); ?></p>
        </div>
      </div>
    </div>
  </div>
</section>

上記のコードでは、以下の点に注意してください：
1.ループ構造（whileループ）を削除しました。
2.the_category(', ')を使用して、投稿のカテゴリを表示しています。
3.has_post_thumbnail()関数を使用して、投稿にアイキャッチ画像が設定されているかどうかを確認しています。
4.the_post_thumbnail_url()関数を使用して、アイキャッチ画像のURLを取得しています。

これで、single.php上で個別の投稿情報が正しく表示されるはずです。また、the_post()関数はsingle.phpでは不要であり、使用する必要はありません。

Comments

[hiroki-o]

確かに、個別の投稿を表示するだけなら、その通りです。

Answer 3

FreeBSD 13.2、PHP 8.3.1、WordPress 6.4.3で確認しました。

25行目

 <?php endwhile;?>

Comments

[TMTN]

hirlki-o様
ご回答ありがとうございます。
25行目を「 <?php endwhile;?>」へ修正するだけでsingle.phpでループ処理できるという認識でよろしいでしょうか？
(外出中で確認ができず質問申し訳ございません。)

[hiroki-o]

はい、そうです。デバッグ出力を有効にして実行すると、その行でエラーになるのがわかります。