Question

我尝试使用the_post_thumbnail()功能向div添加缩略图。

我使用的代码如下：

<div class="sc-col sc-s12 sc-m3 sc-card sc-card-basic">
    <figure>'.the_post_thumbnail(array('370', '188')).'</figure>
</div>

但是当代码在浏览器中呈现时，代码变为（只占用了呈现代码的一部分）：

<img width="370" height="182" src="/wp-content/uploads/2016/05/image.png">
<div class="sc-col sc-s12 sc-m3 sc-card sc-card-basic">
    <figure></figure>
</div>

如您所见，图片会在div和figure之外呈现。我的问题是为什么这样做？因为现在我的整个布局现在正在破坏，问题是我必须使用该功能，否则我将使用其他功能。我可以以某种方式重写函数，因此它只使用add_filter函数返回src链接吗？

Answer 1

https://developer.wordpress.org/reference/functions/the_post_thumbnail/表明函数the_post_thumbnail旨在向页面实际输出内容，而不是返回字符串。

所以将代码更改为更像这样的代码：

$html = '<div class="sc-col sc-s12 sc-m3 sc-card sc-card-basic">
    <figure>';
echo $html;
the_post_thumbnail(array('370', '188'))
$html = '</figure>
</div>';
echo $html;

Answer 2

这解决了我：

<figure><?php the_post_thumbnail(array('370', '188')); ?></figure>

由于@ChrisLear the_post_thumbail()已经停止，并且在那里返回一个字符串并在那里失败。

WP Thumbail无法正确呈现

2 个答案: