如何隐藏页面上的 alt 标签输出？

Question

请查看屏幕截图，让我知道如何解决此问题...您可以看到 HTML 中没有图像 alt 数据。另一件事是，如果我在 img src 中使用 PHP，那么我无法像 (300 x 300) 那样设置宽度和高度。输出是全尺寸图像，如果我在 img 中使用静态 URL 它工作正常，如何处理？

<nav id="nav-single">
    <?php
        $prev_post = get_previous_post(); 
        $id = $prev_post->ID ;
        $permalink = get_permalink( $id );
        $thumbnail =  get_the_post_thumbnail( $id );
        $image_alt = get_post_meta($thumbnail, '_wp_attachment_image_alt', true);   
    ?>
    
    <div class="pexel-previous-post-data">
     
    <div class="pexel-previous-post-img">
        <a href="<?php echo $permalink; ?>">
            <img src="<?php echo $thumbnail; ?>" alt="<?php echo $image_alt; ?>" width="300" height="300">
        </a>    
    </div>
    
    <div class="pexel-previous-post-Text">
         <span class="nav-previous"><?php previous_post_link( '%link', __( '<span class="meta-nav">&larr;</span> Previous', 'twentyeleven' ) ); ?> 
            <h5 class="pxl_head--h5"><a href="<?php echo $permalink; ?>"><?php echo $prev_post->post_title; ?></a>             </h5>
         </span>
    </div>

   </div>   
      
</nav>

Answer 1

使用 get_the_post_thumbnail_url() 获取 post 图像 url 作为 get_the_post_thumbnail() returns html with img 标签。 get_the_post_thumbnail_url() 将 return 仅图像 url。

 $thumbnail =  get_the_post_thumbnail_url( $id );

如何隐藏页面上的 alt 标签输出？

How to hide alt tag output on page?

php

wordpress

debugging