使用FireFox时，WordPress php代码未在页面上呈现

我正在创建一个旋转木马横幅，我的代码在Google Chrome上呈现得非常完美，但在FireFox上却出现了中断（但只有当我从WordPress注销时——如果我以管理员身份登录，那么FireFox会将其呈现得很好）。下面是我的代码：

<banner>

   <div class="container-fluid py-5 cool-grey">
     <div class="row">
       <div class="col-10 mx-auto">
         <div class="flickity-carousel multi-carousel multi-carousel-eq-height" data-flickity='{ "cellAlign": "left", "contain": true, "groupCells": true }'>

   <?php
        $args = array( 'numberposts' => '60' );
        $recent_posts = wp_get_recent_posts( $args );
        $noticias_highlight = true;

        foreach( $recent_posts as $recent ){ 
?>


                     <div class="col-xl-3 col-lg-4 carousel-cell">
            <div class="card">
                    <div class="card-img-mask card-img-mask-top">
                    <img src="<?php echo get_the_post_thumbnail_url($recent["ID"])
?>" alt="Card image cap">
                    </div>
                    <div class="card-body">
                      <h3 class="card-title"><?php  print_r($recent["post_title"]) ?></h3>
                      <p class="card-text"><?php  print_r($recent["post_excerpt"]) ?></p>
                      <a href="<?php  print_r($recent["guid"]) ?>" class="card-link">View Full Post</a>
                    </div>
                  </div>
          </div>

<?php
        } 
?>
         </div>
       </div>
     </div>
   </div>
  </banner>

然后在下面有一个小文本框：

<img src="" alt="Card image cap">

<a href="" class="card-link">View Full Post

查看全文

<img src="" alt="Card image cap">

<a href="" class="card-link">View Full Post