Почему the_excerpt () внутри моего цикла wp_query оборачивает элементы в теги <a>?

Question

У меня есть пользовательский wp_query, который проходит через категорию сообщений case_study. Вот этот цикл.

 <?php  
    $args = [
         'category_name' => 'case_study',
    ];

    $query = new WP_Query($args);
        if ( $query->have_posts() ) : while ( $query->have_posts() ) : $query->the_post();
?>

    <a href="<?php the_permalink(); ?>" class="cell small-12 medium-6 large-4" data-equalizer-watch>
        <div>
            <div class="img-wrap" style="background-image:url('<?php the_post_thumbnail_url('full'); ?>');">
            </div>
             <div class="text-wrap">
                        <h4><?php the_title(); ?></h4>
                <?php the_excerpt(); ?> 
             </div>
        </div>
    </a>

<?php endwhile; ?>
<?php endif; wp_reset_query(); ?>

Результат, который я ожидал, был следующим:

<a href="http://local:8888/title/" class="cell small-12 medium-6 large-4" data-equalizer-watch>
    <div>
            <div class="img-wrap" style="background-image:url('/wp-content/uploads/2019/01/Screen-Shot-2019-01-11-at-10.24.47-AM.png');">
        </div>
        <div class="text-wrap">
        <h4>Case Study Title</h4>
        <p>Excerpt text here.<a class="excerpt-read-more" href="http://local:8888/title/" title="title">… Read more »</a>
                </p>
       </div>
    </div>
</a>

Но вместо этого он выглядит так:

<a href="http://local:8888/title/" class="cell small-12 medium-6 large-4" data-equalizer-watch></a>
<div>
     <a href="http://local:8888/title/" class="cell small-12 medium-6 large-4" data-equalizer-watch>
           <div class="img-wrap" style="background-image:url('/wp-content/uploads/2019/01/Screen-Shot-2019-01-11-at-10.24.47-AM.png');">
           </div>
     </a>


     <div class="text-wrap">
          <a href="http://local:8888/title/" class="cell small-12 medium-6 large-4" data-equalizer-watch> 
          <h4>Case Study Title</h4>
          </a> 
          <p>
                <a href="http://local:8888/title/" class="cell small-12 medium-6 large-4" data-equalizer-watch>Excerpt text here.</a>
                <a class="excerpt-read-more" href="http://local:8888/title/" title="title">… Read more »</a>
          </p>
    </div>
</div>

Работает нормально, пока я не попытаюсь вставить the_excerpt (). Когда я закомментирую отрывок, я вижу, что закомментированная версия выглядит нормально, но когда я пытаюсь добавить отрывок, она делает это. Я не понимаю, почему он так странно себя ведет и оборачивает элементы в родительский тег?