在 wordpress 滑块中向图像添加替代文本

Question

我希望将 Alt 文本添加到滑块图像。我能够添加该行：

alt ="<?= $alt = get_post_meta(get_post_thumbnail_id($post->ID), '_wp_attachment_image_alt', true); ?>"

这条线拉入了照片的替代文字，但它与滑块中所有照片的替代文字相同。它似乎没有将每个替代文本循环到每张照片。下面是拉取图片的代码。

<?php $_gallery = get_field('project_gallery_photos'); ?>

        <?php if( $_gallery ) { ?>
            <div class="_featured-images">
                <div class="_slider">
                    <?php foreach( $_gallery as $_img ): ?>
                        <div class="_slide">
                            <img src="<?= $_img['photo']['sizes']['project-images']?>" alt ="<?= $alt = get_post_meta(get_post_thumbnail_id($post->ID), '_wp_attachment_image_alt', true); ?>"/>

                            <?php if( $_img['photo_title'] || $_img['photo_caption'] ) { ?>
                                <div class="_caption">
                                    <?= $_img['photo_title']? '<b>'.$_img['photo_title'].'</b><br>': '' ?>
                                    <?= $_img['photo_caption'] ?>
                                </div>
                            <?php } ?>
                        </div>
                    <?php endforeach; ?>
                </div>

Answer 1

您作为当前全局 $post 的“特色图片”的元描述提取的内容，画廊照片似乎是高级自定义字段。

您应该引入的是来自foreach() 循环的这些设置之一。如果您使用标准 ACF Pro Gallery 字段，alt 属性将包含在数组的第一级。

alt="<?= esc_attr( $_img['alt'] ); ?>"

否则，您应该能够使用print_r( $_img ); 来找到您需要的属性，例如如果您的$_img 包含'photo' 键，您可能需要使用：

alt="<?= esc_attr( $_img['photo']['alt'] ); ?>"

---

文档和函数参考

Function	Linked Description
foreach()	The foreach construct provides an easy way to iterate over arrays. foreach works only on arrays and objects, and will issue an error when you try to use it on a variable with a different data type or an uninitialized variable. There are two syntaxes:
print_r()	Prints human-readable information about a variable
esc_attr()	Escaping for HTML attributes
ACF Gallery	The Gallery field provides an interactive interface for managing a collection of attachments.