css - 在 wordpress 中获取帖子缩略图并显示在 3 列中

Question

我正在尝试将一个特定类别的帖子显示为三列布局 我遇到的问题是我不确定如何使用 for 或 forwach 循环显示每个帖子缩略图，所以当它超过三个时我可以使用 one_thrid_last。 CSS类。

<?php while ( have_posts() ) : the_post(); ?>
<?php if (is_category('actress-gallery') ):?>
<?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) : ?>     
<div class="one_fourth_last">
<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'tie' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">
<?php   echo $image_url = wp_get_attachment_image( get_post_thumbnail_id($post->ID) , 'thumbnail' );   ?>
<h2><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'tie' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
        </a>
    </div><!-- post-thumbnail /-->

        <?php endif; ?>

Answer 1

<div class="wrapper" style="width:800px; height:auto;">

    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>    
    <?php if ( has_post_thumbnail() ) { ?>
        <div class="image-wrapper" style=" width:250px; height:300px;" >
            <?php the_title();?>
            <?php the_content();?>
            <?php the_post_thumbnail(); ?>
        </div>

    <?php } endwhile; endif; ?>
</div>