サムネイルと抜粋を表示するためにワードプレスループを編集する

Question

私は自分のブログに記事を表示するためにワードプレスループを実現しようとします。私はこのようなデザインを作成しようとしている：私のワードプレスのループは次のようになりますwww.freileben.net

：

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