WordPress自定义缩略图th-mag2无法正常显示求助

你的代码错误在于**the_post_thumbnail('th-mag2') 本身会输出完整的 <img> 标签**，但你把它嵌套到了另一个 <img> 的 src 属性中，导致HTML结构混乱，最终显示异常。

正确写法有两种： #

写法一：直接用函数输出并附加自定义属性 #

利用 the_post_thumbnail 的第二个参数传递属性数组，函数会自动生成正确的 <img> 标签：

<?php the_post_thumbnail('th-mag2', array(
    'width' => '100%',
    'class' => 'object-fit card-img-top',
    'height' => '150px',
    'alt' => 'img-news',
    'loading' => 'lazy'
)); ?>

写法二：手动构建 <img> 标签（获取缩略图URL） #

如果需要自己控制标签结构，使用 get_the_post_thumbnail_url() 获取图片URL，而非直接输出标签：

<img src="<?php echo esc_url(get_the_post_thumbnail_url(get_the_ID(), 'th-mag2')); ?>" 
     width="100%" 
     class="object-fit card-img-top" 
     height="150px" 
     alt="img-news" 
     loading="lazy">

注：esc_url() 用于安全转义URL，避免潜在的XSS风险，建议始终添加。

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