0

我正在尝试将一个特定类别的帖子显示为三列布局我遇到的问题是我不确定如何使用 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; ?>
4

3 回答 3

0
<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>
于 2013-08-29T12:38:32.710 回答
0

您可以使用$count变量并检查第三个缩略图。

<?php if ( have_posts() ) : ?>
    <?php $count = 1; ?>
    <?php while ( have_posts() ) : the_post(); ?>
        <?php if ( has_post_thumbnail() ) : ?>
            <?php if ($count % 3 == 0) : ?>
                <div class = "one_third_last">
            <?php else : ?>
                <div class = "other_class">
            <?php endif; ?>
                    <?php the_title();?>
                    <?php the_content();?>
                    <?php the_post_thumbnail(); ?>
                </div>
        <?php endif; ?>
        <?php $count++; ?>
    <?php endwhile; ?>
<?php endif; ?>
于 2013-09-12T08:20:42.480 回答
0
<div class="wrapper" style="width:750px; height:700px;">
<?php while (have_posts()) : the_post(); ?>    
<?php if ( has_post_thumbnail() ) { ?>
<div style="width:250px; height:300px;" >
   <?php the_title();?>
   <?php the_post_thumbnail(); ?>
</div>
 <?php } endif; ?>
</div>
于 2013-09-12T06:11:03.347 回答