我正在尝试制作一个滑块,它从特定的自定义帖子类型中获取缩略图,并为每个“幻灯片”显示其中的一个。我让滑块和缩略图正常工作,但我不确定如何修改循环,使其在容器中显示4篇文章,然后重复接下来的4篇文章,依此类推。
我的循环如下所示:
<div id="slides">
<div class="slides_container">
<?php $loop = new WP_Query(array(\'post_type\' => \'fastighet\', \'posts_per_page\' => -1, \'orderby\'=> \'ASC\')); ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="slide">
<?php $url = get_post_meta($post->ID, "url", true);
if($url!=\'\') {
echo \'<a href="\'.$url.\'">\';
echo the_post_thumbnail(\'admin-list-thumb\');
echo \'</a>\';
} else {
echo the_post_thumbnail(\'admin-list-thumb\');
} ?>
<div class="caption">
<h5><?php the_title(); ?></h5>
</div>
</div>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
</div> <!-- end .slides_container -->
<a href="#" class="prev">prev</a>
<a href="#" class="next">next</a>
</div> <!-- end .slides -->
正如您所看到的,每一个具有slide类的div都会变成一个幻灯片。但我如何才能让它在每一张这样的幻灯片中放4篇帖子,然后在另一张幻灯片中再放4篇帖子等等。
任何帮助或提示都将不胜感激!
最合适的回答,由SO网友:Sisir 整理而成
尝试了非常简单的数学。<div class="slide">
将在每4篇文章后打印。所以,如果用老派逻辑$i%4 == 0
<div class="slides_container">
<?php
$args = array(
\'post_type\' => \'fastighet\',
\'numberposts\' => -1,
\'orderby\' => \'ASC\'
);
$posts = get_posts($args);
?>
<?php $i = 0; foreach($posts as $post): ?>
<?php if($i%4 == 0): ?>
<div class="slide">
<?php endif;
$url = get_post_meta($post->ID, "url", true);
if($url) {
echo \'<a href="\'.$url.\'">\';
echo the_post_thumbnail(\'admin-list-thumb\');
echo \'</a>\';
} else {
echo the_post_thumbnail(\'admin-list-thumb\');
} ?>
<div class="caption">
<h5><?php the_title(); ?></h5>
</div>
<?php if($i%4 == 3): ?></div> <!--end .slide--><?php endif; ?>
<?php $i++; endforeach; ?>
</div> <!-- end .slides_container -->
让我知道进展如何。谢谢