如何在WordPress附件页面单独显示图片ALT文本？

你可以通过获取附件的ALT元数据，在图片输出后单独渲染文本的方式实现需求，修改后的代码如下：

$image_size = apply_filters( 'wporg_attachment_size', 'large' );
// 输出带ALT属性的图片
echo wp_get_attachment_image( get_the_ID(), $image_size );

// 获取附件的ALT文本
$alt_text = get_post_meta( get_the_ID(), '_wp_attachment_image_alt', true );

// 仅当ALT文本存在时输出
if ( ! empty( $alt_text ) ) {
    echo '<p class="attachment-alt-text">' . esc_html( $alt_text ) . '</p>';
}

代码说明： #

• get_post_meta( get_the_ID(), '_wp_attachment_image_alt', true )：WordPress会将附件的ALT文本存储在_wp_attachment_image_alt这个元键下，通过该函数可直接获取对应文本
• esc_html()：对文本进行转义处理，避免潜在的XSS安全风险
• 给输出的文本添加attachment-alt-text类，方便你通过CSS调整样式，比如匹配参考图的居中、字体样式：

.attachment-alt-text {
    text-align: center;
    margin-top: 12px;
    font-size: 14px;
    color: #555;
}

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