GravatarアバターにALT属性を追加する方法

次のコラム WordPress チュートリアル では、Gravatar アバターに ALT 属性を追加する方法を紹介します。

画像の ALT 属性は、検索エンジンによる画像のインデックス作成に役立つだけでなく、画像を読み込めない場合に画像の ALT 情報を表示することもできます。

WordPress記事に画像を挿入するときに「代替テキスト」に ALT 情報を入力できますが、コメント内の多くの Gravatar アバターでは一般的に入力できません。一般的なテーマには ALT 属性があり、実際には、WP Gravatar アバターの ALT 属性パラメータをプリセットしていると考えられます。

WP 公式 Web サイトを表示 Codex でアバターを取得 デフォルトのオプション パラメータ:

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

その中に: $alt は alt のオプション パラメータです

トピック コメント テンプレートを開いて、類似した文を見つけますこれを次のようにします:

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

次のように置き換えます:

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

コメント投稿者名を ALT 属性として使用します。

コメント モジュールを呼び出すためにテーマで使用される関数が次の場合:

wp_list_comments();

公式 Web サイトで ALT 属性を追加するためにこの関数を使用するパラメーターがまだ見つかりません ( WordPress のデフォルトのテーマ ALT も空のようです)、次のコードに従ってこの関数を分割して変更することしかできません。

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
    }

テーマで CN や SSl メソッドを使用するなど、デフォルトのアバター呼び出しメソッドを追加および変更した場合、このメソッドは無効になります。

以上がGravatarアバターにALT属性を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。