我正在尝试获取我们的特色图像的alt文本,并将其输出到前端。
当前我的代码是
<img class="vehicle-photo" src="<?php echo the_post_thumbnail_url() ?>" alt="<?php the_post_thumbnail_caption();?>" />
但在前端,它输出为<img class="vehicle-photo" src="photo url here" alt="">
我正在尝试获取我们的特色图像的alt文本,并将其输出到前端。
当前我的代码是
<img class="vehicle-photo" src="<?php echo the_post_thumbnail_url() ?>" alt="<?php the_post_thumbnail_caption();?>" />
但在前端,它输出为<img class="vehicle-photo" src="photo url here" alt="">
alt文本作为post meta存储在附件中,可以使用get_post_meta()
与…结合get_post_thumbnail_id()
:
<?php echo get_post_meta( get_post_thumbnail_id(), \'_wp_attachment_image_alt\', true ); ?>
但如果你只是使用the_post_thumbnail()
函数,则您无需费心,img标记将为您输出,带有alt文本:<?php the_post_thumbnail( \'post-thumbnail\', [\'class\' => \'vehicle-photo\'] ); ?>
请尝试以下代码:
<?php $image_id = get_post_thumbnail_id(get_the_ID());
$alt_text = get_post_meta($image_id , \'_wp_attachment_image_alt\', true);?>//Variable name updated
<img class="vehicle-photo" src="<?php echo the_post_thumbnail_url() ?>" alt="<?php echo $alt_text ;?>" />
我有这个密码。$(\'.custom-browse-button\').on(\'click\', function(e) { e.preventDefault(); var wpMedia = wp.media.frames.file_frame = wp.media({ \'library\': { type: \'image\' }, \'multiple