get_the_category（）在<figcaption>中不起作用

Question

我面临一个奇怪的问题。我试图在我的wordpress主题上使用js script画廊之一。我希望将帖子的类别显示为figcaption，但是当我将我的PHP代码放入其中时它不起作用。当我在标签之外粘贴相同的代码时，它就像一个魅力。

请注意，脚本正在执行某些操作，因为如果有超过2个cateogories，则它是逗号逗号，但不显示类别名称。

 <div class="grid">
          <figure class="effect-sarah">
            <?php the_post_thumbnail(); ?>
            <figcaption>
              <h2>**Category: <span>  <?php $categories=get_the_category(); $separator=", " ; $output='' ; if ($categories) { foreach ($categories as $category) { $output .='<a href="' . get_category_link($category->term_id) . '">' . $category->cat_name . '</a>' . $separator; } echo trim($output, $separator); } ?></span>**</h2>
              <a href="<?php the_permalink(); ?>">View more</a>
            </figcaption>
          </figure>
        </div>


        <div class="title-excerpt">
          <h3> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> <small> <?php the_time( 'F j, Y g:i a'); ?></small></h3>
        </div>
      Category: <span>  <?php $categories=get_the_category(); $separator=", " ; $output='' ; if ($categories) { foreach ($categories as $category) { $output .='<a href="' . get_category_link($category->term_id) . '">' . $category->cat_name . '</a>' . $separator; } echo trim($output, $separator); } ?></span>
              <a href="<?php the_permalink(); ?>">View more</a>