个性化阅读
专注于IT技术分析

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

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

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

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

#3


你可以使用$ 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; ?>
赞(0)
未经允许不得转载:srcmini » 在wordpress中获取缩略图并在3列中显示

评论 抢沙发

评论前必须登录!