GravatarアバターにALT属性を追加する方法-＆＃＆プレス-php.cn

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

藏色散人

リリース： 2019-12-17 11:32:18

転載

2516 人が閲覧しました

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

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

ログイン後にコピー

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

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