ワードプレスで while タグを 記述するとエラーが発生します

Question

ワードプレスで

while　文を　追加すると　エラーが発生します。

下記がソースです。

 <!-- Main Content -->
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-md-10 mx-auto">
      <?php while (have_posts()): the_post();?>
        <div class="post-preview">
          <a href="post.html">
            <?php if (have_posts()): ?>
              
            <h2 class="post-title">
              
             <?php the_title(); ?>
           
             
            </h2>
            <h3 class="post-subtitle">
              Problems look mighty small from 150 miles up
            </h3>
          </a>
          <p class="post-meta">Posted by
            <a href="#">Start Bootstrap</a>
            on September 24, 2019</p>
        </div>
        <hr>
        <?php endwhile; ?>
        <div class="post-preview">
          <a href="post.html">
            <h2 class="post-title">
              I believe every human has a finite number of heartbeats. I don't intend to waste any of mine.
            </h2>
          </a>
          <p class="post-meta">Posted by
            <a href="#">Start Bootstrap</a>
            on September 18, 2019</p>
        </div>
        <hr>
        <div class="post-preview">
          <a href="post.html">
            <h2 class="post-title">
              Science has not yet mastered prophecy
            </h2>
            <h3 class="post-subtitle">
              We predict too much for the next year and yet far too little for the next ten.
            </h3>
          </a>
          <p class="post-meta">Posted by
            <a href="#">Start Bootstrap</a>
            on August 24, 2019</p>
        </div>
        <hr>
        <div class="post-preview">
          <a href="post.html">
            <h2 class="post-title">
              Failure is not an option
            </h2>
            <h3 class="post-subtitle">
              Many say exploration is part of our destiny, but it’s actually our duty to future generations.
            </h3>
          </a>
          <p class="post-meta">Posted by
            <a href="#">Start Bootstrap</a>
            on July 8, 2019</p>
        </div>
        <hr>
        <!-- Pager -->
        <div class="clearfix">
          <a class="btn btn-primary float-right" href="#">Older Posts &rarr;</a>
        </div>
        <?php else: ?>
          <p>記事が見つかりませんでした</p>
          <?php endif; ?>
      </div>
    </div>
  </div>

  <hr>

で、下記がエラーメッセージです
Fatal error: Uncaught Error: syntax error, unexpected token "endwhile", expecting "elseif" or "else" or "endif"
in C:\Users\info\Local Sites\mysite\app\public\wp-content\themes\myblog\index.php on line 95

コールスタック:

require_once()
wp-blog-header.php:19
require()
index.php:17

line 95　にあたる部分は

<?php endwhile; ?>

です。

どうすればエラーがでなくなるのでしょうか？

Answer 1

Fatal error: Uncaught Error: syntax error, unexpected token "endwhile", expecting "elseif" or "else" or "endif"

in C:\Users\info\Local Sites\mysite\app\public\wp-content\themes\myblog\index.php on line 95

そのまま翻訳すれば何が原因かは分かると思うのですが…

要は問題は下記の箇所です。

<?php if (have_posts()): ?>

このifに対するendifが無いまま、endwhileが先に来てしまったので、階層がちぐはぐになってしまっています。

このようにちゃんと閉じてあげればいいと思います。
（意図してるとおりかはわかりませんが）

          <a href="post.html">
            <?php if (have_posts()): ?>

            <h2 class="post-title">

             <?php the_title(); ?>


            </h2>
            <h3 class="post-subtitle">
              Problems look mighty small from 150 miles up
            </h3>

            <?php endif; ?>
          </a>

Comments

[niconic73027793]

回答ありがとうございます。
if の回答は下に続くコードにあるのですが、書き方がまずかったのでしょうか？

<?php if (have_posts()): ?>

<h2 class="post-title">

<?php the_title(); ?>

</h2>
<h3 class="post-subtitle">
Problems look mighty small from 150 miles up
</h3>
</a>
<p class="post-meta">Posted by
<a href="#">Start Bootstrap</a>
on September 24, 2019</p>
</div>
<hr>
<?php endwhile; ?>
<div class="post-preview">
<a href="post.html">
<h2 class="post-title">
I believe every human has a finite number of heartbeats. I don't intend to waste any of mine.
</h2>
</a>
<p class="post-meta">Posted by
<a href="#">Start Bootstrap</a>
on September 18, 2019</p>
</div>
<hr>
<div class="post-preview">
<a href="post.html">
<h2 class="post-title">
Science has not yet mastered prophecy
</h2>
<h3 class="post-subtitle">
We predict too much for the next year and yet far too little for the next ten.
</h3>
</a>
<p class="post-meta">Posted by
<a href="#">Start Bootstrap</a>
on August 24, 2019</p>
</div>
<hr>
<div class="post-preview">
<a href="post.html">
<h2 class="post-title">
Failure is not an option
</h2>
<h3 class="post-subtitle">
Many say exploration is part of our destiny, but it’s actually our duty to future generations.
</h3>
</a>
<p class="post-meta">Posted by
<a href="#">Start Bootstrap</a>
on July 8, 2019</p>
</div>
<hr>
<!-- Pager -->
<div class="clearfix">
<a class="btn btn-primary float-right" href="#">Older Posts &rarr;</a>
</div>
<?php else: ?>
<p>記事が見つかりませんでした</p>
<?php endif; ?>
</div>

[surface_0]

そうなんだろうとは思いましたが、
説明した通りifを閉じないままループが折り返してしまったら、ifが効く範囲が不明になってしまい、
ちぐはぐな状態になってしまいますから文法エラーとなります。
（もしこれがまかりとおったら if if if if ... と無限に階層が深くなって一生帰ってこれなくなります）
ですから、while ～ endwhileの内側でちゃんとifブロックを完結させなければなりません。

[niconic73027793]

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
if の位置を　while の上にもってきたらエラーが消えました。

[surface_0]

文脈的にはそれが正解ですね。（ぶっちゃけそこまで考えてませんでした）
いずれの場合もそれぞれが交差しないように注意してください。