the_post_thumbnail只显示一个帖子图片

时间:2017-04-17 18:23:48

标签: php html css wordpress

我创建了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

1 个答案:

答案 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>