在<img>标记中的php代码之后显示的html

时间:2020-05-09 作者:nicannl

我正在尝试显示页面特色图像。每次我使用img标记时,php代码后的文本(“class=”headshot“>)会显示在网站图片的下方。请参见下面图片的图片截图enter image description here

<div class="bio-picture">
    <img url="<?php the_post_thumbnail(\'full\');?>" class="headshot">
</div>

1 个回复
最合适的回答,由SO网友:Jacob Peattie 整理而成

这是因为the_post_thubmnail() 输出an<img> 标签因此,代码的结果如下所示:

<div class="bio-picture">
    <img url="<img src="thumbnail/image/url.jpg" class="wp-post-image attachment-full">" class="headshot">
</div>
您的屏幕截图是浏览器选择如何处理损坏的HTML。

如果要输出帖子缩略图<img> 对于自定义类,请使用以下选项:

<div class="bio-picture">
    <?php the_post_thumbnail( \'full\', array( \'class\' => \'headshot\' ) );?>
</div>
另外,请注意img 标记的URl不是url, 它是src.