このエントリーをはてなブックマークに追加

投稿の一覧などで、フロートさせて並べる時、ずれないように一列ずつ括ったりするのだけど

一列につき3件:<?php if (have_posts()) : ?>
<?php $post_count = 1; 
echo '<div class="clearfix">' . "n"; 
?>
<?php while (have_posts()) : the_post(); ?>

~

<?php if ( $post_count % 3 == 0 && $post_count != 1 ) { echo '</div>' . "n" . '<div class="clearfix">' . "n"; } ?>
<?php $post_count++; ?>
<?php endwhile; ?>
<?php echo '</div>' . "n"; ?>
<?php endif; ?>

Magic Fields のフィールドグループを複製時に一列ずつ括るというのが思いつかなかったので、jquery.vgrid.js を使って並べてみた。
css を書くのも楽なのでおすすめです。http://blog.xlune.com/2009/09/jqueryvgrid.html

2012.04.28 投稿 2015.04.05 更新

新しい情報を追記している場合はありますが、古い情報の修正はしていません。投稿日・文中の日付を参照してください。

Recent Articles