Cum să obții atributul title/alt al imaginii?

Problema ta este că nu furnizezi ID-ul corect al atașamentului funcțiilor get_post_meta() și get_the_title().

Acesta este codul tău pentru a obține alt-ul imaginii:

$image_alt = get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true);

Și este corect, dar $attachment->ID nu este definit în codul tău, așa că funcția nu returnează nimic.

Citind codul tău, se pare că stochezi ID-ul imaginii ca un câmp meta și apoi îl obții cu acest cod:

$image = get_post_meta(get_the_ID(), WPGRADE_PREFIX.'homepage_slide_image', true);

Deci, presupunând că $image->id este corect în codul tău, ar trebui să înlocuiești asta:

$image_alt = get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true);

Cu:

$image_alt = get_post_meta( $image->id, '_wp_attachment_image_alt', true);

Asta este pentru a obține alt-ul, pentru a obține titlul:

$image_title = get_the_title( $image->id );

Folosesc o funcție rapidă în toate temele mele pentru a obține datele atașamentelor de imagini:

//obține metadatele atașamentului
if ( !function_exists('wp_get_attachment') ) {
    function wp_get_attachment( $attachment_id )
    {
        $attachment = get_post( $attachment_id );
        return array(
            'alt' => get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true ),
            'caption' => $attachment->post_excerpt,
            'description' => $attachment->post_content,
            'href' => get_permalink( $attachment->ID ),
            'src' => $attachment->guid,
            'title' => $attachment->post_title
        );
    }
}

Sper că acest lucru vă ajută!

$image = get_post_meta(get_the_ID(), WPGRADE_PREFIX . 'homepage_slide_image', true);
if (!empty($image)) {
    $image          = json_decode($image);
    $image_id       = $image->id;
    $img_meta       = wp_prepare_attachment_for_js($image_id);
    $image_title    = $img_meta['title'] == '' ? esc_html_e('Titlu lipsă','{domain}') : $img_meta['title'];
    $image_alt      = $img_meta['alt'] == '' ? $image_title : $img_meta['alt'];
    $image_src      = wp_get_attachment_image_src($image_id, 'blog-huge', false);

    echo '<img class="homepage-slider_image" src="' . $image_src[0] . '" alt="' . $image_alt . '" />';

}

te rog să notezi că nu am testat $image->id, am presupus doar că ai ID-ul corect al atașamentului. Restul informațiilor provin din $img_meta. Dacă textul alternativ (alt) lipsește, vom folosi titlul imaginii, iar dacă titlul lipsește, vei vedea textul "Titlu lipsă" pentru a te îndemna să îl completezi.

Bun, am găsit răspunsul pe care nu-l are nimeni pe internet. Am căutat zile întregi. Rețineți că acest lucru funcționează doar dacă tema sau plugin-ul tău folosește WP_Customize_Image_Control(). Dacă folosești WP_Customize_Media_Control(), get_theme_mod() va returna ID-ul și nu URL-ul.

Pentru soluția mea, am folosit versiunea mai nouă WP_Customize_Image_Control().

Multe postări pe forum au get_attachment_id(), care nu mai funcționează. Eu am folosit attachment_url_to_postid().

Iată cum am reușit să fac asta. Sper că va ajuta pe cineva:

// Acest cod obține imaginea / URL-ul
$feature1 = get_theme_mod('feature_image_1');

// Acest cod obține ID-ul postului
$feature1_id = attachment_url_to_postid($feature1);

// Acest cod obține textul alternativ (alt) al imaginii setat în zona media
$image1_alt = get_post_meta( $feature1_id, '_wp_attachment_image_alt', true );

Markup:

<a href="<?php echo $feature1_url; ?>"><img class="img-responsive center-block" src="<?php echo $feature1; ?>" alt="<?php echo $image1_alt; ?>"></a>

Modul corect WordPress ar fi să folosești funcția furnizată get_image_tag() pentru a obține eticheta imaginii, furnizând argumentele id și alt funcției. Alte răspunsuri explică deja cum să obții atributul alt.

Aceasta se ocupă și de atributele srcset și sizes, pe care altfel ar trebui să le furnizezi manual folosind wp_get_attachment_image_srcset, pentru a avea încărcarea optimizată a imaginilor în browserele moderne.