06/07/2023

什么是Gravatar及其展示的原因

Gravatar代表全球公认的头像，允许用户将图片链接到他们的电子邮件地址。如果一个网站支持Gravatar，就可以抓取该用户的照片并显示在他们的名字旁边。例如，当用户在WordPress网站留下评论时，WordPress会在评论旁边显示该用户的Gravatar。

展示Gravatar头像可以鼓励用户参与讨论，建立社区感，并使网页看起来更有趣。所有这些综合起来可以帮助你获得更多的WordPress评论。WordPress可能会在其他位置显示Gravatar头像，但你可能希望修改这些头像的显示位置。

方法1：编辑WordPress主题（推荐用于一致性）

首先，你可以使用代码将Gravatar添加到WordPress主题中。这是一个不错的选择，如果你希望在整个网站的同一位置显示Gravatar，例如侧边栏或标题上方。此方法显示的是当前登录用户的Gravatar，这对会员网站、在线商店或任何需要用户登录账户的网站都很有用。

若要将Gravatar添加到你的主题中，需要将一些代码粘贴到主题文件中。如果你之前没有做过，可以参考我们的初学者指南，学习如何将网络上的代码片段粘贴到WordPress中。使用WPCode插件是最简单的方法。首先，安装并激活免费的WPCode插件。激活后，访问WordPress控制板的代码片段页面。在此页面上，悬停在‘添加自定义代码’上，点击‘使用代码片段’按钮。

接下来，为代码片段输入标题。这只是为了参考，可以随意命名。然后在‘代码类型’下拉列表中选择‘PHP代码片段’。现在，将以下代码粘贴到代码编辑器中：

function wpressize_display_gravatar() { 
global $current_user;
get_currentuserinfo();
$getuseremail = $current_user->user_email;
$usergravatar = 'http://www.gravatar.com/avatar/' . md5($getuseremail) . '?s=32';
echo '';
echo $getuseremail;
}

粘贴代码后，滚动到‘插入’部分，选择‘自动插入’。然后打开‘位置’下拉菜单，选择‘全局运行’。完成后，滚动到页面顶部，点击‘未激活’开关，使其显示‘激活’。最后，点击‘保存片段’按钮。现在，你可以使用以下函数在WordPress网站的任意位置显示用户的Gravatar：

<?php wpressize_display_gravatar(); ?>

只需将此函数添加到正确的模板文件。例如，如果你希望在网站头部显示用户的Gravatar，通常会编辑header.php文件。但这可能因你的WordPress主题而异。你可以查看WordPress模板层级结构速查表以帮助你找到正确的模板文件。

方法2：使用自定义WordPress短代码（完全可定制）

你也可以通过创建自定义短代码在任意页面、文章或支持小工具的区域中添加Gravatar。这是个不错的选择，如果你希望控制每页Gravatar的显示位置或者希望在网站的不同位置显示这些图片。与方法1类似，此方法也会显示当前用户的Gravatar。如果你更喜欢，可以通过简单地更改代码来显示分配给特定电子邮件地址的Gravatar。要创建自定义短代码，使用WPCode插件。安装后，创建一个新的自定义代码片段，并按照上面描述的步骤进行操作。将以下PHP代码粘贴到代码编辑器中：

function wpressize_display_gravatar($atts) { 
extract(shortcode_atts(array('wpb_user_email' => '',), $atts ));
if ($wpb_user_email == '') { 
global $current_user;
get_currentuserinfo();
$getuseremail = $current_user->user_email;
} else {
$getuseremail = $wpb_user_email;} 
$usergravatar = 'http://www.gravatar.com/avatar/' . md5($getuseremail) . '?s=32'; 
echo '';
}
add_shortcode('wpb_gravatar', 'wpressize_display_gravatar');

此代码创建了一个[wpb_gravatar]短代码，可添加到任意页面、文章或支持小工具的区域。当然，你可以为特定用户的电子邮件显示Gravatar，只需在短代码中添加他们的电子邮件地址：

[wpb_gravatar wpb_user_email="[email protected]"]

如果你对Gravatar的显示效果不满意，可以使用自定义CSS进行样式调整。例如，可以将以下CSS代码片段添加到你的WordPress主题样式表中：

.wpb_gravatar {
padding: 3px;
margin: 3px;
background:#FFFFFF;
border:3px solid #eee;
}

保存更改后，访问你的网站，即可看到带有新样式的Gravatar。若想了解更多关于自定义Gravatar的技巧，可以查看我们关于如何更改WordPress中Gravatar图片大小的指南。

附加部分：在WordPress评论中延迟加载Gravatar

在多个位置添加好了Gravatar后，建议在WordPress评论中对这些Gravatar进行延迟加载。安装并激活a3 Lazy Load插件。激活后，前往WordPress控制板的设置页面，展开‘延迟加载图片’选项卡，开启‘Gravatars’选项并保存更改。现在，所有作者简介和评论中的Gravatar都会被延迟加载，以提升网站的性能。希望本文能帮助你学习如何在WordPress网站中从用户的电子邮件显示Gravatar。

若喜欢此文，请订阅我们的YouTube频道获取WordPress视频教程，也可以在Twitter和Facebook上找到我们。