bootstrap弹出窗口中的Wordpress快捷代码

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#wordpressModal">
  打开Wordpress文章列表
</button>

<div class="modal fade" id="wordpressModal" tabindex="-1" role="dialog" aria-labelledby="wordpressModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="wordpressModalLabel">Wordpress文章列表</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <?php
          // 使用Wordpress快捷代码获取最新的文章列表
          $args = array(
            'post_type' => 'post',
            'posts_per_page' => 5,
            'orderby' => 'date',
            'order' => 'DESC'
          );
          $query = new WP_Query($args);
          if ($query->have_posts()) {
            while ($query->have_posts()) {
              $query->the_post();
              echo '<h6>' . get_the_title() . '</h6>';
              echo '<p>' . get_the_excerpt() . '</p>';
            }
          } else {
            echo '没有找到文章。';
          }
          wp_reset_postdata();
        ?>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>