最近，我们的一位读者询问是否可以更改 Gravatar 图像大小。答案是肯定的。在本文中，我们将向您展示如何在 WordPress 中更改 Gravatar 图像大小。
最近，我们的一位读者询问是否可以更改 Gravatar 图像的大小。答案是肯定的。在本文中，我们将向您展示如何在 WordPress 中更改 Gravatar 图像大小。
头像 is a globally recognized avatar that connects a user’s email address with their picture. Popular applications like WordPress and others use it to display user’s photo on the website.
头像是一种全球认可的头像，它将用户的电子邮件地址与其图片联系起来。 诸如WordPress之类的流行应用程序以及其他应用程序都使用它在网站上显示用户的照片。
Most WordPress themes by default add a Gravatar next to each user comment. Some even use it for the 作者简介框.
默认情况下，大多数WordPress主题都会在每个用户评论旁边添加一个Gravatar。 有些甚至将其用于作者的生物盒 。
让我们看看如何更改 WordPress 网站上的 Gravatar 图像大小。
让我们看看如何更改 WordPress 网站上的 Gravatar 图像大小。
笔记： Since Gravatar Image size is defined by your theme, you would need to edit your theme files to change it.
注意：由于Gravatar图像大小是由主题定义的，因此您需要编辑主题文件以进行更改。
影片教学 （Video Tutorial）
如果您不喜欢该视频或需要更多说明，请继续阅读。
如果您不喜欢该视频或需要更多说明，请继续阅读。
更改WordPress注释的Gravatar大小 （Change Gravatar size for WordPress Comments）
您需要做的第一件事是打开位于主题文件夹中的 comments.php 文件。
您需要做的第一件事是打开主题文件夹中的 comment.php 文件。
You would need to connect to your website using 文件传输协议 and then go to /wp-content/themes/yourtheme/.
您需要使用文件传输协议连接到您的网站，然后转到/ wp-content / themes / yourtheme /。
Alternatively if your WordPress 托管公司 offers a File Manager, then you can edit this file using the web interface in your cPanel.
或者，如果您的WordPress 托管公司提供了文件管理器，则可以使用cPanel中的Web界面编辑此文件。
In the comments.php file, you need to find the following code: avatar_size
在avatar_size文件中，您需要找到以下代码： avatar_size
It will be inside the wp_list_comments function like this:
它将在wp_list_comments函数中，如下所示：
<?php
wp_list_comments( array(
'style' => 'ol',
'short_ping' => true,
'avatar_size' => 32,
) );
?>
只需将尺寸更改为您喜欢的任何尺寸即可。头像是方形的，因此您设置的宽度和高度值将相同。
只需将尺寸更改为您喜欢的任何尺寸即可。凹版印刷品是方形的，因此您设置的宽度和高度值相同。
继续并保存您的更改。如果您使用 FTP，请将更改上传到您的服务器。
继续并保存您的更改。如果您使用 FTP，请将更改上传到服务器。
现在打开一篇包含评论的帖子，看看您的更改是否已生效。
现在打开带有评论的帖子，看看您的更改是否已生效。
If it is not, then your theme’s CSS is overriding it. The best way to check is to use 检查元素工具 in your browser.
如果不是，则您主题的CSS会覆盖它。 最好的检查方法是在浏览器中使用检查元素工具 。
只需右键单击浏览器中的头像，然后单击“检查元素”即可。
只需右键单击浏览器中的头像，然后单击“检查元素”即可。
您需要查看 Gravatar 图像的高度和宽度，看看它是否反映了您设置的值。
您需要查看 Gravatar 图像的高度和宽度，看看它是否反映了您设置的值。
当您将鼠标悬停在其上方时，它还会突出显示图像上的头像并显示其实际显示的尺寸。
当您将鼠标移到其上方时，它还会突出显示其顶部的图像，并显示其显示的实际大小。
你会发现两者是不同的。这意味着您的主题的 style.css 文件将覆盖默认图像大小。许多主题（包括默认的二十六主题）都使用 CSS 来控制不同屏幕尺寸的 Gravatar 图像大小。
你会注意到两者是不同的。这意味着您的主题的 style.css 文件将覆盖默认图像大小。许多主题（包括默认的二十六主题）使用 CSS 来控制不同屏幕尺寸的 Gravatar 图像的大小。
You need to open the style.css file in your theme’s folder and search for avatar. You’ll likely find a CSS class: .comment-author .avatar which contain a code like this:
您需要打开主题文件夹中的style.css文件并搜索化身。 您可能会发现一个CSS类： .comment-author .avatar ，其中包含如下代码：
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
继续更改宽度和高度以匹配您之前在 comments.php 文件中设置的值。
继续更改宽度和高度以匹配您之前在 comment.php 文件中设置的值。
就这样。您已成功更改 WordPress 评论中的头像图像大小。
就这样。您已成功更改 WordPress 评论中的图像图像大小。
现在你可能想知道是否可以使用 CSS 覆盖图像大小，那么为什么我们要更改 comments.php 文件中的 avatar_size 呢？
现在，您可能想知道是否可以使用 CSS 覆盖图像大小，那么为什么我们要更改 comments.php 文件中的 avatar_size 呢？
是的，虽然您可以采用 CSS 快捷方式，但这样做有两个好处：
是的，虽然您可以使用 CSS 快捷方式，但这样做有两个好处：
1. 图像不模糊
1. 图像不模糊
如果您想调整 WordPress Gravatar 的大小并使其大于默认图像大小，那么它看起来会很模糊。
如果您想调整 WordPress Gravatar 的大小并使其大于默认图像大小，它会显得模糊。
2. 更快的加载时间
2. 更快的加载时间
现在，如果您想让 Gravatar 小于默认图像大小，那么仅 CSS 方法看起来就很好了。
现在，如果您想让 Gravatar 小于默认图像，仅使用 CSS 的方法就可以解决问题。
然而，通过更改 comments.php 中的大小，您的实际图像会变小，从而减小页面大小并提高网站速度。
但是，通过更改 comments.php 中的大小，您的实际图像会变小，从而减小页面大小并提高网站速度。
更改Author Bio的Gravatar大小 （Change Gravatar size for Author Bio）
根据您使用的主题，它也可能使用 Gravatar 作为作者简介框。您可以以与评论非常相似的方式更改默认头像大小。
根据您使用的主题，它也可能使用 Gravatar 作为作者简介框。您可以按照与注释大致相同的方式更改默认图像的大小。
您需要找到添加生物的主题文件。它可以位于 single.php 文件、functions.php 文件中，甚至可以作为单独的模板部分文件。默认的“二十十六”主题使用名为biography.php 的模板部分文件。
您需要找到主题文件来添加您的简历。它可以位于单个 .php 文件、functions.php 文件中，甚至可以作为单独的模板小部件文件。默认的“二十十六”主题使用模板文件“biography.php”。
When searching the files, you need to look for the code get_avatar.
搜索文件时，您需要查找代码get_avatar 。
在本示例中，我们将使用 TwentySixteen 默认主题作为示例。在主题文件夹中：
在本示例中，我们将使用 TwentySixteen 默认主题作为示例。在主题文件夹中：
/wp-content/themes/twentysixteen/template-parts/biography.php 文件
/wp-content/themes/twentysixteen/template-parts/biography.php 文件
它是这样写的：
内容如下：
$author_bio_avatar_size = apply_filters( 'twentysixteen_author_bio_avatar_size', 32 );
echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size );
您只需将数字 32 更改为您喜欢的任何数字即可。
您只需将数字 32 更改为您想要的数字即可。
在其他主题中，代码可能如下所示：
在其他主题中，代码可能如下所示：
get_avatar( get_the_author_meta( 'user_email' ), 32);
更改大小后，刷新页面以查看大小是否已更新。如果没有，那么您需要在 style.css 文件中搜索头像类，就像我们在注释中显示的那样，并更新那里的大小。
更改尺寸后，刷新页面即可查看尺寸是否已更新。如果没有，那么您需要像我们显示的注释一样在 style.css 文件中搜索头像类并更新那里的大小。
We hope this article helped you change the gravatar size in WordPress. You may also want to see our guide on 25 个最常见的 WordPress 错误以及如何修复它们.
我们希望本文能帮助您更改WordPress中的图形显示大小。 您可能还想查看有关25 个最常见的 WordPress 错误以及如何修复它们的指南 。
If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.
如果您喜欢这篇文章，请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特和Facebook上找到我们。
翻译自: https://www.wpbeginner.com/wp-themes/how-to-change-the-default-gravatar-image-size-in-wordpress/