编辑 wordpress 循环以显示缩略图和摘录

Question

我尝试实现一个 wordpress 循环来在我的博客上显示文章。我正在尝试创建这样的设计：www.freileben.net

我的 wordpress 循环如下所示：

.thumbnail {
  float: left;
  margin-right: 50px;
}
#post {
  margin-top: 120px;
  padding-top: 15px;
}

<article id="post">
  <div id="thumbnail">

    <?php if ( function_exists( 'has_post_thumbnail') && has_post_thumbnail() ) { the_post_thumbnail(array(350,220), array( "class"=>"thumbnail")); } ?>

  </div>

  <h2><?php the_title(); ?></h2>

  <div class="entry">
    <?php the_excerpt(); ?>
  </div>
  <?php endwhile; ?>

</article>

我不知道如何解决这个问题，因为我使用的所有图像都有不同的尺寸，而且它们的位置也不相同。

Answer 1

试试下面的代码：

   <article id="post">
    <?php 
    // the query
    $args = array('');
    $the_query = new WP_Query( $args ); 

    ?>

    <?php if ( $the_query->have_posts() ) { ?>

        <!-- the loop -->

        <?php while ( $the_query->have_posts() ) {
                    $the_query->the_post(); ?>
        <div id="thumbnail">
        <?php
    // Must be inside a loop.

    if ( has_post_thumbnail() ) {
        the_post_thumbnail(array( "class"=>"thumbnail"));
    }
    ?>
    </div>
   <h2><?php the_title(); ?></h2>
   <div class="entry">
        <?php the_excerpt(); ?>
   </div>
    <?php } } else { ?>
    <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
    <?php }  ?>

   <!-- end of the loop -->

   <?php wp_reset_postdata(); ?>