it-swarm.com.de

Post thumbnail alt title

ich wollte wissen, ob "Alt title" wie "Title" für Post-Thumbnails benötigt wird und wie ich es meiner entsprechenden Post-Abfrage hinzufügen kann.

<div class="td-module-thumb">
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
<?php if (has_post_thumbnail()) {
the_post_thumbnail(array(324,235));
} else {
echo '<img src="' . get_bloginfo('template_directory') . '/images/no-thumb/td_324x235.png" />';
}
?>
</a>
</div>
5
Hank Scorpio

Es ist erforderlich, für alle Ihre Bilder einen Wert für alt festzulegen, falls ein Browser das Bild nicht laden kann oder der Besucher den Screenreader verwendet.

Sie haben zwei Möglichkeiten. Verwenden Sie entweder die Beschriftung des vorgestellten Bildes (die manchmal leer sein kann) oder den Titel des Posts als alt.

Sie können die Beschriftung mit get_the_post_thumbnail_caption() abrufen. So einfach geht's:

echo '<img alt="' . esc_html ( get_the_post_thumbnail_caption() ) . '" src="URL HERE" />';

Es sollte jedoch in der Schleife verwendet werden oder das Objekt $post oder die ID übergeben werden.

Die alternative Methode besteht darin, den Titel des Posts als alt Text zu verwenden. Dazu können Sie Folgendes verwenden:

echo '<img alt="' . esc_html ( get_the_title() ) . '" src="URL HERE" />';

Sie können eine Bedingung einrichten und prüfen, ob das Vorschaubild eine Beschriftung enthält, und diese anstelle des Beitragstitels verwenden, sofern verfügbar:

if ( $alt = get_the_post_thumbnail_caption() ) {
    // Nothing to do here
} else {
    $alt = get_the_title();
}

echo '<img alt="' . esc_html ( $alt ) . '" src="URL HERE"/>

AKTUALISIEREN

Wenn Sie das Attribut alt direkt zu get_post_thumbnail() hinzufügen möchten, können Sie es als Array an die Funktion übergeben:

the_post_thumbnail( 'thumbnail', [ 'alt' => esc_html ( get_the_title() ) ] ); 
5
Jack Johansson

In diesem Beispiel wird der in der Medienbibliothek festgelegte Alternativtext verwendet. Ich bevorzuge es, weil das Verhalten für Benutzer, die Alternativtext mit den typischen WordPress-Optionen eingeben, konsistenter ist.

$thumbnail_id = get_post_thumbnail_id( $post->ID );
$alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true);   
the_post_thumbnail( 'full', array( 'alt' => $alt ) ); ?>
6
Tom Woodward

Sie können den folgenden Code in Ihrem WordPress-Theme verwenden:

<div class="td-module-thumb">
    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
        <?php if (has_post_thumbnail()) {
            echo '<img src="' . the_post_thumbnail_url( array(324,235) ) . '" alt="any thing you want" title="Some Text" />';
        } else {
            echo '<img src="' . get_bloginfo('template_directory') . '/images/no-thumb/td_324x235.png" alt="any thing you want" title="Some Text" />';
        }
        ?>
    </a>
</div>
0
Peyman Naeimi