如何使用wp_query在引导网格中显示自定义帖子类型

时间:2019-03-17 12:31:42

标签: wordpress loops bootstrap-4

我正在尝试在Wordpress中制作模板。我使用高级自定义字段,以便客户可以输入一些有关他的鸟类的信息。

我使用bootstrap中的col-md-4网格。意思是我得到3列,每列中有一只鸟的信息。

第1列:鸟1 第2栏:小鸟2 第3栏:鸟3

循环无效。它只显示第一只鸟。有人可以帮我吗?

代码是:

<div class="container content">
<?php
$loop = new WP_Query( array(
'post_type' => 'stamboom',
'posts_per_page' => -1
)
);
?>
<div class="row">
<div class="col-md-4">
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
<?php 
$image = get_field('foto_duif');
$size = 'full'; // (thumbnail, medium, large, full or custom size)
if( $image ) {
echo wp_get_attachment_image( $image, $size );
}
?>
<h3>
<a href="<?php the_permalink(); ?>">
<?php the_field('naam_duif'); ?>
</a>
</h3>
<p><?php the_field('nr_duif') ;?></p>
<P><a href="<?php the_permalink(); ?>">Bekijk de stamboom</a></P>
</div><!--End col-md-4-->
<?php endwhile; wp_reset_query(); ?>

</div><!--End row-->
</div><!--End container-->      

0 个答案:

没有答案