在WordPress中为Gravatar img添加类

我一直在尝试使用get_avatar在具有应用类的wordpress模板中的每个帖子下显示作者的图像, 但是我找不到找到将class =” pic-2″添加到图像图像代码甚至更改图像高度和宽度的方法分别为100px和77px

<?php echo get_avatar( get_the_author_meta('ID'), 32 ); ?>

有帮助的人吗？

#1

我认为处理此问题的最佳方法是使用过滤器, 而不是乔治建议的使用jQuery。你只需将其添加到主题的functions.php文件中。

add_filter('get_avatar', 'add_gravatar_class');

function add_gravatar_class($class) {
    $class = str_replace("class='avatar", "class='avatar pic-2", $class);
    return $class;
}

*请注意, 我尚未对此进行测试, 但相信它会起作用。有关更多信息, 请参见此线程。

#2

查看WordPress Codex了解更多信息：

http://codex.wordpress.org/Using_Gravatars

对于大小, 请尝试像这样包装第二个参数：

<?php echo get_avatar( get_the_author_meta('ID'), $size = '96' ); ?>

默认的html输出如下所示：

<img alt='' src='http://gravatarurl_or_default' class='avatar avatar-$size' height='$size' width='$size' />

你可以设置默认类” avatar”的样式, 代替” pic-2″。如果你仍然想添加一个类, 则可以通过javascript来实现, 如下所示：

$("img[class='avatar']").addClass("pic-2");

希望这可以帮助！ 🙂

#3

如果@Ryan答案(标记为解决方案)对你不起作用, 请尝试更改

add_filter('get_avatar', 'add_gravatar_class');

function add_gravatar_class($class) {
    $class = str_replace("class='avatar", "class='avatar pic-2", $class);
    return $class;
}

进入

add_filter('get_avatar', 'add_gravatar_class');

function add_gravatar_class($class) {
    $class = str_replace('class="avatar', 'class="avatar pic-2', $class);
    return $class;
}

在将”替换为”之后, 这对我来说就是开始工作。

抱歉, 我没有将此内容作为对此答案的评论, 但是我没有50的声誉来发表其他帖子。

#4

另一种为将来的搜索者执行此操作的方法是非常简单的字符串操作, 如果他们将来更改功能, 例如, 可能会更安全一些。它可能总是有一个”班级”。

    $grvimg = get_avatar('email address', 200);
    $grvimg = explode("class='", $grvimg);
    $grvimg[1] = 'your-class ' . $grvimg[1];
    $grvimg = $grvimg[0] . $grvimg[1];
    echo $grvimg;