Obținerea textului alternativ pentru imaginea reprezentativă

23 aug. 2018, 16:49:03
Vizualizări: 20.9K
Voturi: 1

Încerc să obțin textul alternativ (alt) al imaginii noastre reprezentative și să îl afișez în frontend.

În prezent, codul meu este

<img class="vehicle-photo" src="<?php echo the_post_thumbnail_url() ?>" alt="<?php the_post_thumbnail_caption();?>" />

Dar în frontend, acesta este afișat ca

<img class="vehicle-photo" src="url-ul fotografiei aici" alt="">
0
Toate răspunsurile la întrebare 2
1
14

Textul alternativ este stocat ca metadate ale postării pe atașament și poate fi preluat folosind get_post_meta() combinat cu get_post_thumbnail_id():

<?php echo get_post_meta( get_post_thumbnail_id(), '_wp_attachment_image_alt', true ); ?>

Dar dacă folosești funcția the_post_thumbnail(), atunci nu trebuie să te deranjezi, tag-ul img va fi generat automat, inclusiv cu textul alternativ:

<?php the_post_thumbnail( 'post-thumbnail', ['class' => 'vehicle-photo'] ); ?>
23 aug. 2018 17:03:42
Comentarii

the_post_thumbnail() de asemenea vă permite să selectați o dimensiune adecvată pentru imagine, astfel încât aceasta să nu fie inutil de mare.

Omar Shishani Omar Shishani
28 iun. 2022 20:57:30
0

Vă rugăm să încercați codul de mai jos:

<?php $image_id = get_post_thumbnail_id(get_the_ID());
$alt_text = get_post_meta($image_id , '_wp_attachment_image_alt', true);?>//Numele variabilei actualizat

<img class="vehicle-photo" src="<?php echo the_post_thumbnail_url() ?>" alt="<?php echo $alt_text ;?>" />
23 aug. 2018 17:01:11