首页 > 解决方案 > 如何使用 wp_query 在引导网格中显示自定义帖子类型

问题描述

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

我使用引导程序中的 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-->      

标签: wordpressloopsbootstrap-4

解决方案


推荐阅读