So fügen Sie dem Gravatar-Avatar das ALT-Attribut hinzu

藏色散人
Freigeben: 2019-12-17 11:32:18
nach vorne
2516 Leute haben es durchsucht

In der folgenden Spalte des WordPress-Tutorials erfahren Sie, wie Sie ALT-Attribute zu Gravatar-Avataren hinzufügen. Ich hoffe, dass es Freunden in Not hilfreich sein wird!

So fügen Sie dem Gravatar-Avatar das ALT-Attribut hinzu

Das Bild-ALT-Attribut hilft Suchmaschinen nicht nur bei der Indexierung des Bildes, sondern zeigt auch die ALT-Informationen des Bildes an, wenn das Bild nicht geladen werden kann.

WordPressSie können die ALT-Informationen im „Alternativtext“ ausfüllen, wenn Sie Bilder in den Artikel einfügen, aber eine große Anzahl von Gravatar-Avataren in den Kommentaren im Allgemeinen haben nicht das ALT-Attribut. Tatsächlich wird angenommen, dass wir die ALT-Attributparameter des Gravatar-Avatars voreingestellt haben.

Sehen Sie sich die offizielle Website von WP an. Codex get avatar Standardmäßige optionale Parameter:

<?php echo get_avatar( $id_or_email, $size, $default, $alt, $args ); ?>
Nach dem Login kopieren

Unter ihnen: $alt ist der optionale Alt-Parameter

Öffnen Sie die Themenkommentarvorlage und suchen Sie einen Satz Ähnlich wie folgt: Ersetzen Sie

<?php echo get_avatar( $comment, 64 ); ?>
Nach dem Login kopieren

durch:

<?php echo get_avatar( $comment, 64, &#39;&#39;, get_comment_author() ); ?>
Nach dem Login kopieren

mit dem Namen des Kommentators als ALT-Attribut.

Wenn die Funktion, die Ihr Theme zum Aufrufen des Kommentarmoduls verwendet, lautet:

wp_list_comments();
Nach dem Login kopieren

Ich habe den Parameter zur Verwendung dieser Funktion zum Hinzufügen des ALT-Attributs auf der offiziellen Website noch nicht gefunden (it scheint, dass das WordPress-Standardthema ALT ebenfalls leer ist. Sie können diese Funktion nur gemäß dem folgenden Code aufteilen und dann ändern.

function mytheme_comment($comment, $args, $depth) {
    if ( &#39;div&#39; === $args[&#39;style&#39;] ) {
        $tag       = &#39;div&#39;;
        $add_below = &#39;comment&#39;;
    } else {
        $tag       = &#39;li&#39;;
        $add_below = &#39;div-comment&#39;;
    }
    ?>
    <<?php echo $tag ?> <?php comment_class( emptyempty( $args[&#39;has_children&#39;] ) ? &#39;&#39; : &#39;parent&#39; ) ?> id="comment-<?php comment_ID() ?>">
    <?php if ( &#39;div&#39; != $args[&#39;style&#39;] ) : ?>
        <div id="div-comment-<?php comment_ID() ?>" class="comment-body">
    <?php endif; ?>
    <div class="comment-author vcard">
        <?php if ( $args[&#39;avatar_size&#39;] != 0 ) echo get_avatar( $comment, $args[&#39;avatar_size&#39;] ); ?>
        <?php printf( __( &#39;<cite class="fn">%s</cite> <span class="says">says:</span>&#39; ), get_comment_author_link() ); ?>
    </div>
    <?php if ( $comment->comment_approved == &#39;0&#39; ) : ?>
         <em class="comment-awaiting-moderation"><?php _e( &#39;Your comment is awaiting moderation.&#39; ); ?></em>
          <br />
    <?php endif; ?>
    <div class="comment-meta commentmetadata"><a href="<?php echo htmlspecialchars( get_comment_link( $comment->comment_ID ) ); ?>">
        <?php
        /* translators: 1: date, 2: time */
        printf( __(&#39;%1$s at %2$s&#39;), get_comment_date(),  get_comment_time() ); ?></a><?php edit_comment_link( __( &#39;(Edit)&#39; ), &#39;  &#39;, &#39;&#39; );
        ?>
    </div>
    <?php comment_text(); ?>
    <div class="reply">
        <?php comment_reply_link( array_merge( $args, array( &#39;add_below&#39; => $add_below, &#39;depth&#39; => $depth, &#39;max_depth&#39; => $args[&#39;max_depth&#39;] ) ) ); ?>
    </div>
    <?php if ( &#39;div&#39; != $args[&#39;style&#39;] ) : ?>
    </div>
    <?php endif; ?>
    <?php
    }
Nach dem Login kopieren

Wenn Ihr Theme die Standard-Avatar-Aufrufmethode geändert hat, z. B. die Verwendung der CN- oder SSl-Methode, ist diese Methode ungültig.

Das obige ist der detaillierte Inhalt vonSo fügen Sie dem Gravatar-Avatar das ALT-Attribut hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:zmingcx.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage