我创建了3个帖子,并将它们分配给“body1-items”类别 看到img的评论
我想动态地展示它们,每个都在她的div中。
所以,在front-page.php中我创建了一个循环
https://i.stack.imgur.com/jnwns.png
在图像的src中,我把the_post_thumbnail()函数从3个帖子中检索出来,但结果就是这样,
https://i.stack.imgur.com/tsxmS.jpg
他们只获得了最后一篇文章的img,并把它放在所有3个帖子上。请帮助我?请注意,当我将posts_per_page设置为3或更多时,我得到3个div三次!!看到img的评论
这是孔代码:pastebin.com/EBHME6dS
答案 0 :(得分:0)
尝试以下代码,
<?php
$images = array();
while( $myquery->have_posts() ) :
$myquery->the_post();
$images[] = get_the_post_thumbnail_url();
endwhile;
?>
将posts_per_page设为3。 现在你的图像在阵列中。使用$ images [0],$ images [1]&amp; Div元素中的$ images [2]。 在循环下面打印你的HTML。
更新:非常直截了当。只需在循环下面添加以下代码,
<div class="body1">
<div class="container bb">
<?php
$myquery = new WP_Query('category_name=body1-items&posts_per_page=3');
$images = array();
while( $myquery->have_posts() ) :
$myquery->the_post();
$images[] = get_the_post_thumbnail_url();
endwhile;
?>
<div class="a870">
<img class="bor-img" src="<?php echo $images[0]; ?>">
</div>
<div class="sup">
<img class="bor-img" src="<?php echo $images[1]; ?>">
<img class="bor-img smaly" src="<?php echo $images[2]; ?>">
</div>
</div>
<hr>
</div>