How to add ALT attribute to Gravatar avatar-WordPress-php.cn

How to add ALT attribute to Gravatar avatar

藏色散人

Release： 2019-12-17 11:32:18

forward

2570 people have browsed it

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!

How to add ALT attribute to Gravatar avatar

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 ); ?>

Copy after login

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 ); ?>

Copy after login

Replace with:

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

Copy after login

Use commenter name as ALT attribute.

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

wp_list_comments();

Copy after login

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 ( &#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
    }

Copy after login

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!