Редактирование цикла 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(); ?>