向旋转木马添加Alt标记

Question

我试图添加ALT标签到我的网站上的自定义船旋转木马和船页面。不知道我需要添加什么PHP以及把它放在哪里。旋转木马和页面上的图像都是缩略图。

我有一页。php和boat_旋转木马。php，这是我认为需要添加代码的地方。

不确定我是否应该将所有代码添加到此帖子。

这是指向该页面的链接https://www.embarkboathire.com.au/boats/

你可以看到底部的船，每页有15艘。

<div class="our-yachts-sections">
    <div class="yacht-charter-carousel-wrapper">
        <h3 class="center-title"><?php echo $section_title; ?></h3>
        <div class="title-block2"></div>
        <p class="yacht-intro-text"><?php echo $section_intro; ?></p>
        <div class="owl-carousel1 yacht-block-wrapper">
            <?php if( isset( $order ) ) {
                if ( $order == 'oldest' ) {
                    $yacht_order = 'ASC';
                } else {
                    $yacht_order = 'DESC';
                }
            }
            $args = array(
                'post_type' => 'ycbe_boat',
                'posts_per_page' => $posts_per_page,
                'order' => $yacht_order
            );

            //$post_query = new WP_Query( $args );
            if( $post_query->have_posts() ) {
                while( $post_query->have_posts() ) {
                    $post_query->the_post(); ?>
                    <div class="yacht-block">
                <?php if( has_post_thumbnail() ) { ?>
                    <div class="yacht-block-image">
                        <?php $yacht_diff_days = yacht_diff_days( date( 'Y-m-d' ), get_the_time( 'Y-m-d' ) ); ?>
                        <?php if ( $yacht_diff_days < 20 ) { ?>
                            <div class="new-icon"><?php _e( 'New', 'yachtcharter' ); ?></div>
                        <?php }
                        $src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' ); ?>
                        <a href="<?php echo the_permalink(); ?>"><img src="<?php echo $src[0]; ?>" /></a>
                    </div>
                <?php } ?>
                <div class="yacht-block-content">
                    <h3><a href="<?php echo the_permalink(); ?>"><?php the_title(); ?></a></h3>
                    <?php  echo '<p class="element-excerpt">' .  get_the_excerpt( get_the_ID()) . '</p>' ; ?>
                    <div class="title-block5"></div>
                    <?php
                    $main_feature_1 = get_post_meta( get_the_ID(), '_ycbe_boat_capacity', true );
                    $main_feature_2 = get_post_meta( get_the_ID(), '_ycbe_price_from', true );
                    $main_feature_3 = get_the_excerpt( get_the_ID());
                    if( $main_feature_1 || $main_feature_2 || $main_feature_3 ) { ?>
                        <ul>
                            <?php

                            if( $main_feature_1 ) { echo '<li>' . '<span class="element-capacity">' .'Total Capacity: <strong>' . get_post_meta( get_the_ID(), '_ycbe_boat_capacity', true ) . '</strong></span>' .'</li>'; }
                            if( $main_feature_2 ) { echo '<li>' . '<span class="element-price-from">' .'Price P/H From: <strong>$'. get_post_meta( get_the_ID(), '_ycbe_price_from', true ) . '</strong></span>' . '</li>'; }

                            ?>
                        </ul>
                    <?php }
                    $boatAddress =  "/boats/" . get_the_title();
                    $boatAddress = str_replace(" ","-", $boatAddress); ?>
                    <a class="seeMoreButton" href="<?php echo the_permalink(); ?>">See More</a>
                </div>
            </div>
                <?php }
            } ?>
        </div>
    </div>
</div>

<?php wp_reset_postdata();
return ob_get_clean();

}

添加_短码（‘boat_carousel’、‘ycbe_boat_carousel_短码’）？

我希望我已经做了所有应该做的事情。

非常感谢

丹尼·柯克

Answer 1

更改此行代码：

<img src="<?php echo $src[0]; ?>" />

致：

<img src="<?php echo $src[0]; ?>" alt="<?php echo get_post_meta(get_post_thumbnail_id( $post->ID ), '_wp_attachment_image_alt', true); ?>" />