在the_post_thumbnail中设置array的title与alt时输出异常，求正确语法

嘿，我懂你遇到的糟心事——明明在数组里设置了alt和title，结果它们却以纯文本形式显示，没被正确包裹在img标签的属性里对吧？这大概率是参数写法出了问题，我来给你梳理正确的语法：

正确的使用姿势 #

the_post_thumbnail()函数的第二个参数接受一个关联数组，用来定义img标签的各类属性，其中alt和title就是对应的键名，直接传入纯文本值即可，WordPress会自动把它们渲染到img标签的对应位置：

// 基础示例：用文章标题作为alt和title文本
the_post_thumbnail( 'post-thumbnail', array(
    'alt'   => get_the_title(),
    'title' => get_the_title()
) );

常见错误原因 #

你之前的写法可能踩了这两个坑之一：

• 错误地在属性值里加了HTML标签（比如写成<alt>我的图片</alt>），这会让WordPress把标签当成纯文本输出；
• 数组键名写错了（比如写成'alt_text'而非'alt'），或者把属性数组放错了参数位置（比如塞到了第一个尺寸参数的位置）。

进阶个性化用法 #

如果需要更灵活的属性值，比如用自定义字段作为alt文本，可以这么写：

// 优先使用自定义字段的alt文本，为空时 fallback 到文章标题
$custom_alt = get_post_meta( get_the_ID(), 'post_image_alt', true );
the_post_thumbnail( 'large', array(
    'alt'   => $custom_alt ?: get_the_title(),
    'title' => '点击查看完整文章详情'
) );

提醒下：alt属性是无障碍访问的关键，尽量用描述性的文本；title是鼠标悬停时的提示，属于可选属性。

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