Question

我正在尝试在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>

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

Answer 1

替换

the_post_thumbnail('full')

与

get_the_post_thumbnail( null, 'full', '' )

问题是the_post_thumbnail（）回显结果。您需要一个返回字符串

的函数

Wordpress帖子缩略图退出循环

1 个答案: