WP Thumbailが正しくレンダリングされない

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

これは私のためにそれを解く：

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

を@ChrisLear the_post_thumbail()によってstaded doens'tは、文字列を返し、そこに障害が発生したためのよう。

Answer 2

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;