0

最近の投稿を表示したい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>

表示された最近の投稿のそれぞれと 1 つに div を割り当てるにはどうすればよいですか?

4

1 に答える 1

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 }
于 2013-08-17T20:25:37.993 に答える