我目前正在制作一个Wordpress主题,一切都在游泳。
它是响应式的,但我似乎在评论部分遇到了头像问题。我想要做的是将头像包装在一个单独的div中,以指定宽度并利用img {max-width:100%; }。目前它在DOM中有兄弟姐妹,所以我不能在它的当前父母那样做。可以假设我需要在functions.php中使用自定义函数,然后在wp_list_comments中使用callback参数?
当前输出:
<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>
感谢。
答案 0 :(得分:1)
过滤器get_avatar
会这样做。请注意,此函数也是pluggable,这意味着如果需要,您可以使用自己的函数覆盖它。
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] =>
*/