注意:这是一个自我测试
在WordPress中构建不对称网格布局时,您通常希望将每个X帖子包装在一个div中,如下所示:
div
post
post
/div
div
post
post
/div
div
post
post
/div
我想避免使用模运算符,因为它很快就会变得混乱。
大多数人用模运算符来做这件事,但是如果没有找到帖子,或者甚至在最后一个帖子上发生分裂,这样做会很尴尬。我已经扩展了@移位交换在这里提供的答案,以更干净的方式进行。
<?php
// Get posts (tweak args as needed)
$args = array(
'post_type' => 'page',
'orderby' => 'menu_order',
'posts_per_page' => -1,
'post_parent' => $post->ID,
'order' => 'ASC'
);
$posts = get_posts( $args );
?>
<?php foreach (array_chunk($posts, 2, true) as $posts) : ?>
<div class="row">
<?php foreach( $posts as $post ) : setup_postdata($post); ?>
<a id="post-<?php the_ID(); ?>" <?php post_class(); ?> href="<?php the_permalink(); ?>">
<?php the_post_thumbnail(); ?>
</a>
<?php endforeach; ?>
</div>
<?php endforeach; ?>
您可以将第一个foreach循环中的“2”更改为希望按行分组的数量。