最近,我们的一位读者问我们是否可以更改Gravatar图像的大小。 答案是肯定的。 在本教程中,我们将向您展示如何在WordPress上更改Gravatar图像大小。

改变的最尺寸,DIMAGE-的gravatar-上的WordPress

Gravatar是全球公认的头像,它将用户的电子邮件地址链接到图像。 诸如WordPress等流行的应用程序以及其他应用程序使用它在网站上显示用户的照片。

WordPress主题 默认情况下,在每个用户评论旁边添加一个 Gravatar。 有些人甚至将其用于作者简介。

让我们看一下如何在WordPress网站上更改Gravatar图片大小。

雷马克: 由于Gravatar图像的大小由您的主题定义,因此您必须修改主题的文件才能进行更改。

如何调整的Gravatar为WordPress评论

您需要做的第一件事是打开主题文件夹中的comment.php文件。

您需要登录到您的 网站Web 使用 FTP 客户端,然后访问您的主题目录,遵循类似于此的路径:" /可湿性粉剂内容/主题/ yourtheme / “。

或者,如果您的供应商住宿 提供文件管理器,您可以使用 cPanel 中的 Web 界面编辑此文件。

在comments.php文件中,您必须找到以下代码: avatar_size »

它将位于“ wp_list_comments 像这样:

'ol','short_ping'=> true,'avatar_size'=> 32,)); ?>

只需更改所需尺寸的尺寸即可。 凹版画是正方形的,因此宽度和高度的值设置相同。

继续并保存您的更改。 如果您使用的是FTP客户端,则需要将文件上传到服务器。 现在打开有评论的文章,​​看看您的更改是否生效。

如果不是,则可能是主题的CSS造成的。 最好的检查方法是使用“ 检查元素 “。

只需右键单击浏览器的Gravatar,然后单击检查项目。

检查-A-元件上的wordpress

您需要查看Gravatar图像的高度和宽度,以查看它是否与您定义的图像匹配。

当您将鼠标悬停在它上面时,它还将突出显示实际Gravatar尺寸和在其属性中定义的尺寸。

化身的gravatar检查-的代码

您会注意到两者是不同的。 这意味着您主题的style.css文件负责默认图像大小。 许多主题,包括默认主题 二十六 使用CSS来改变图像的大小。

您需要在主题文件夹中打开style.css文件并搜索化身。 您可能会发现一个CSS类:“。如何作者.avatar 其中包含如下代码:

.comment-author .avatar {height:42px; 职位:相对最高:0.25em; 宽度:42像素; }

继续并更改宽度和高度以匹配先前在comment.php文件中设置的值。

就这样。 您已成功更改了头像的大小“ 的gravatar 在您的WordPress评论中。

现在您可能想知道,是否可以使用CSS覆盖图像大小,然后为什么在comments.php文件中呢?

使用此方法执行此操作有两个优点:

1-没有模糊的图像

如果你想调整建议的Gravatar WordPress和使它更大,使其通过CSS将使这个模糊的图像。

2-更快的加载时间

现在,如果要设置比默认大小小的图像大小,则为了优化起见,使用CSS代码缩小图像大小不会优化图像的加载。

但是,通过将图像尺寸更改为“ comments.php文件 您可以缩小图像,从而优化图像的加载。

这就是本教程的全部内容,请随时与您喜欢的社交网络上的朋友共享本教程。