ブログの投稿がホームページに 3 行で表示されるようにします。最初の 3 つのブロスト投稿は正常に表示されますが、その後のブログ投稿は表示されなくなります。各投稿を横だけでなく縦にも並べたいと思います。ここで例を見ることができます。
投稿 3 件ごとに行を追加する必要がありますか? それをどのようにコーディングできるかわかりませんか？
<div class="row-fluid">
<?php $cat_id = 10; //the certain category ID
$latest_cat_post = new WP_Query( array('posts_per_page' => -1, 'orderby' => rand, 'category__in' => array($cat_id)));
if( $latest_cat_post->have_posts() ) : while( $latest_cat_post->have_posts() ) : $latest_cat_post->the_post(); ?>
<div class="span4" style="text-align:center;background-color:#999999;margin-bottom:20px;">
<a class="" href="<?php the_permalink() ?>"><?php echo get_the_post_thumbnail( $post_id, $size=0, $attr ); ?></a>
<span><a style="color:#5a5a5a;" class="" href="<?php the_permalink() ?>"><h5 class="lead"><?php the_title(); ?></h5></a>
</span>
</div>
<?php endwhile; endif; ?>
</div><!--row-fluid-->