How to add ALT attribute to Gravatar avatar

The following column WordPress Tutorial will introduce you to the method of adding ALT attributes to Gravatar avatars. I hope it will be helpful to friends in need!

The image ALT attribute not only helps search engines index images, but also displays the image's ALT information when the image cannot be loaded.

WordPressYou can fill in the ALT information in the "alternative text" when inserting pictures into articles, but a large number of Gravatar avatars in comments generally do not have ALT attributes in general themes. In fact, WP It is thought that we have preset the ALT attribute parameters of the Gravatar avatar.

View WP official website Codex get avatar Default optional parameters:

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

Among them: $alt is the alt optional parameter

Open the topic comment template and find a sentence similar to this:

<?php echo get_avatar( $comment, 64 ); ?>

Replace with:

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

Use commenter name as ALT attribute.

If the function used by your theme to call the comment module is:

wp_list_comments();

I haven’t found the parameter to use this function to add the ALT attribute on the official website yet (it seems that the WordPress default theme ALT is also empty ), you can only split this function according to the following code and then modify it.

function mytheme_comment($comment, $args, $depth) {
    if ( 'div' === $args['style'] ) {
        $tag       = 'div';
        $add_below = 'comment';
    } else {
        $tag       = 'li';
        $add_below = 'div-comment';
    }
    ?>
    <<?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
    }

If your theme adds and modifies the default avatar calling method, such as using CN or SSl method, this method will be invalid.

The above is the detailed content of How to add ALT attribute to Gravatar avatar. For more information, please follow other related articles on the PHP Chinese website!