1

私は現在、Wordpress のテーマを作成しており、すべて順調に進んでいます。

レスポンシブですが、コメント欄のアバターに問題があるようです。私ができるようにしたいのは、幅を指定して img { max-width: 100%; を利用するために、アバターを別の div にラップすることです。} . 現在、DOM には兄弟が含まれているため、現在の親では実行できません。functions.php にカスタム関数が必要で、wp_list_comments でコールバック パラメータを使用すると仮定する人がいるでしょうか。

現在の出力:

    <div class="comment-author vcard">
       <img alt="" src="img_url" class="avatar avatar-74 photo">
       <cite class="fn">James</cite>
       <span class="says">says:</span>
</div>

ありがとう。

4

1 に答える 1

1

フィルターget_avatarで十分です。この関数はプラグ可能でもあることに注意してください。つまり、必要に応じて独自の関数で上書きできます。

add_filter( 'get_avatar', 'b5f_get_avatar', 10, 5 );

function b5f_get_avatar( $avatar, $id_or_email, $size, $default, $alt )
{
    $avatar = '<div class="img-max-width">' . $avatar . '</div>';
    return $avatar;
}

各パラメータで受け取る値は次のとおりです。

/**
 * [avatar] => <img alt='' src='http://0.gravatar.com/avatar/ETCETERA/....' class='avatar avatar-64 photo' height='64' width='64' />
 * [id_or_email] => 1
 * [size] => 64
 * [default] => http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=64
 * [alt] => 
*/
于 2013-09-21T13:40:17.900 に答える