使用每个帖子的一个div使最近的帖子向左浮动

时间:2013-08-17 20:12:25

标签: wordpress

我正在使用一个WordPress静态网站,我想显示一些最近的帖子 我能够显示最近的帖子,但我希望每个最近的帖子都在它自己的div内。这是我目前正在使用的代码:

<div id="senastebox">
<?php $the_query = new WP_Query( 'showposts=3' ); ?>
<?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
<a href="<?php the_permalink() ?>"><?php the_post_thumbnail( array(100,100) ); ?></a>
<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
<?php the_excerpt(); ?>
<a href="<?php the_permalink() ?>">Read More...</a>
<?php endwhile;?>
</div>

如何为每个和最近显示的一个帖子分配div?

1 个答案:

答案 0 :(得分:2)

在每次div尝试时添加新的while:endwhile

<div id="senastebox">
<?php 
    $the_query = new WP_Query( 'showposts=3' ); 
    while ($the_query -> have_posts()) : 
        $the_query -> the_post(); 
?>
<div class="floating-post">
    <a href="<?php the_permalink() ?>"><?php the_post_thumbnail( array(100,100) ); ?></a>
    <a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
    <?php the_excerpt(); ?>
    <a href="<?php the_permalink() ?>">Read More...</a>
</div>
<?php 
    endwhile;
?>
</div>

CSS

.floating-post { float: left }