缩略图显示在它的div之外，而不是它的内部

时间：2021-05-18 作者：Christina

我在这里回显帖子缩略图：

echo \'<div class="post-image right">\' . the_post_thumbnail(\'featured-portrait-large\') . \'</div>\';
它可以工作，但它在div外部输出图像，如下所示：

<div class="post-header-text">
  <img width="500" height="700" src="[IMAGE URL DELETED]" class="attachment-featured-portrait-large size-featured-portrait-large wp-post-image" alt="" loading="lazy">
  <div class="post-image right"></div>
</div>
我想要的是：

<div class="post-header-text">
  <div class="post-image right">
    <img width="500" height="700" src="[IMAGE URL DELETED]" class="attachment-featured-portrait-large size-featured-portrait-large wp-post-image" alt="" loading="lazy">
  </div>
</div>
有人能解释一下我为什么做错了什么吗？

2 个回复
最合适的回答,由SO网友:Sally CJ 整理而成

the_post_thumbnail() 回显输出，这就是缩略图放错位置的原因。

要手动回显输出，应使用get_the_post_thumbnail() 而是：

echo \'<div class="post-image right">\' . // wrapped
    get_the_post_thumbnail(null, \'featured-portrait-large\') . \'</div>\';
或者您可以这样做：

echo \'<div class="post-image right">\';
the_post_thumbnail(\'featured-portrait-large\');
echo \'</div>\';

SO网友:Sonali Yewle

您只需获取图像url，然后将此url添加到图像标记，我希望这将对您有所帮助。

<?php 
$thumb_id = get_post_thumbnail_id();
$thumb_url = wp_get_attachment_image_src($thumb_id,\'medium\', true);
$imageURL = $thumb_url[0];
?>

标签： post-thumbnails   thumbnails   小码农  

相关推荐

Gallery thumbnails very small

当我使用标准WordPress图库时，我会在内容中获得非常小的缩略图：由于内容中有很多空间，我想显示更大的图像。我该怎么做？主题中没有添加特定的库代码。