Question

我正在尝试将一个特定的类别帖子显示为三列布局我遇到的问题是我不知道如何使用或转发来循环每个帖子缩略图的显示所以它超过三个我可以使用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>

Answer 2

<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>

Answer 3

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

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

在wordpress中获取缩略图图像并显示在3列中

3 个答案: