Wordpress 帖子缩略图退出循环答案

【问题标题】：Wordpress post thumbnail gets out of the loopWordpress 帖子缩略图退出循环
【发布时间】：2017-12-13 14:23:46
【问题描述】：

我正在尝试在 Wordpress 简码中显示自定义帖子的 3 篇最新帖子，到目前为止，我能够制作简码，但由于某种原因，图像脱离了显示帖子的循环。此外，html 输出与我在简码中所做的不同。图像位于称为“drieberichten”的 div 顶部，而它应该在其中。

我的功能：

function latest_news_home()
 {
  global $post;

  $html = "";

  $my_query = new WP_Query( array(
       'post_type' => 'news',
       'posts_per_page' => 3
  ));

  if( $my_query->have_posts() ) : while( $my_query->have_posts() ) : $my_query->the_post();

       $html .= "<div class='drieberichten'><a href=\"" . get_permalink() . "\" class=\"linkhome\">";
       $html .= "<h4>" . get_the_title() . " </h4>";
       $html .= "<p class='afbeeldingnieuws'>" . the_post_thumbnail('full') . " </p>";
       $html .= "<p class='shortnieuws'>" . excerpt(15) . "</p>";
       $html .= "<a href=\"" . get_permalink() . "\" class=\"meerlezen\">Meer lezen...</a></div></a>";

  endwhile; endif;

  return $html;
 }
 add_shortcode( 'latest_news', 'latest_news_home' );

html 输出：

<img width="600" height="400" src="http://imgurl.nl/post3.jpg" class="attachment-full size-full wp-post-image" alt="" srcset="http://imgurl.nl/post3.jpg 600w, http://http://imgurl.nl/post3-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px">

<div class="drieberichten"><a href="http://websiteurl.nl" class="linkhome"><h4>First News! </h4><p class="afbeeldingnieuws"> </p><p class="shortnieuws">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquam eros ac velit dignissim,...</p></a><a href="http://websiteurl.nl" class="meerlezen">Meer lezen...</a></div>

有人有建议吗？我尝试制作一个新的缩略图大小，我认为这与此有关，但并不能解决问题。

【问题讨论】：

标签： php html wordpress function thumbnails

【解决方案1】：

替换

the_post_thumbnail('full')

与

get_the_post_thumbnail( null, 'full', '' )

问题是 the_post_thumbnail() 回显了结果。你需要一个返回字符串的函数

【讨论】：

这行得通！谢谢你。现在很清楚，我需要使用一个返回字符串而不是结果的函数。