wordpress - 通常のループで WordPress の一部を表示/非表示にできない

Question

以下を試しました。表示するコンテンツがある場合は、それを表示 + H3<h3>Overview</h3>を表示し、そうでない場合は、noting を表示します。

しかし、これは私にはうまくいきません。私のコード:

        <?php 
            $heroimage = get_field('hero_image' ); 
            $alt = $image['title' ];
        ?>
        <?php if ($heroimage) : ?>

            <div class="grid_12">
                <img src="<?php echo $heroimage; ?>" alt="<?php echo $alt; ?>"/>
            </div><!-- End div.grid_12 -->

        <?php endif; ?>

        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

            <article class="grid_8">
                <h3>Overview</h3>
                <?php the_content(); ?>
            </article><!-- End article.grid_8 -->

        <?php endwhile; ?>

ヒーロー画像の最初の部分は、プラグイン Advanced Custom Fields から画像を取得することです。問題は if have_posts などにあります。

前もってありがとう！