WordPress Bootstrap多项目轮播PHP图片输出在div外问题如何解决

the_post_thumbnail() 函数会直接打印输出文章缩略图内容，不会将结果作为字符串返回，因此无法拼接到你预先定义的$html变量中，才会出现图片输出位置错位、没有进入<div class="col-xxl-4">容器的问题。

将代码中拼接缩略图的行替换为返回字符串的get_the_post_thumbnail()函数即可：

// 原错误代码
$html .= the_post_thumbnail($post->ID);

// 替换为以下代码，第二个参数可指定需要的缩略图尺寸，可选值如 'full'、'medium'、自定义尺寸名等
$html .= get_the_post_thumbnail($post->ID, 'full');

在循环结束后新增wp_reset_postdata()重置全局post对象，避免后续查询被污染，可在echo $html;和endif;之间新增一行：

wp_reset_postdata();

内容的提问来源于stack exchange，提问作者Dariusz