循环使用WordPress博客文章

Question

我正在努力以我想要的方式循环我的WordPress网站上的博客文章。

我希望帖子看起来像这样

但是由于我必须循环的方式，它们会像这样出现

这是我正在使用的代码 - 我已经开始使用空白主题并从那里构建

          

  <section class="blog-posts col-2-3 grid-pad">

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

      <article class="module">

      <li class="postWrapper" id="post-<?php the_ID(); ?>">

        <h2 class="postTitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
        <small><?php the_date(); ?> by <?php the_author(); ?></small>

        <div class="post"><?php the_content(__('(more...)')); ?></div>
      </li>



      <?php endwhile; ?>

    </article>

  </section>

<?php else: ?>

 <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>

<?php

endif;
?>

<?php if (will_paginate()): ?>

<ul id="pagination">
  <li class="previous"><?php posts_nav_link('','','&laquo; Previous Entries') ?></li>
  <li class="future"><?php posts_nav_link('','Next Entries &raquo;','') ?></li>
</ul>

<?php endif; ?>
</div> <!--END div.grid -->
</div> <!--END div.page-wrap -->
<?php
get_footer();
?>

我对WP很了解，所以我很难理解循环是如何工作的，理论上每篇博文都应该是module所以每个知道的博客文章都是一个新模块。在我的情况下，正在发生的事情是每个博客文章都添加到最后一个创建长模块的底部。

Answer 1

很难确定这是否可以解决您的问题而无需了解完整的HTML / CSS，但我确实发现您在</article>

之前错过了结束<?php endwhile; ?>