Редактирование цикла wordpress для отображения эскизов и выдержки

Я пытаюсь реализовать цикл 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> 

Я не знаю, как решить проблему, потому что все изображения, которые я использую, имеют разный размер, и они не находятся в одном положении.

Solutions Collecting From Web of "Редактирование цикла wordpress для отображения эскизов и выдержки"

Попробуйте этот код ниже:

  <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(); ?>