如何在WordPress中显示来自用户电子邮件的Gravatar

Gravatar使头像变得更容易。与大多数使用WordPress的网站一样,我们也会在评论中使用Gravatar来显示每个评论作者的全球认可的头像。不知道什么是gravatar?然后阅读:什么是Gravatar?即使大多数网站仅在评论中使用Gravatars,您也可以坦率地在任何您喜欢的地方使用它来显示任何用户的个人资料图片。例如,在作者生物框中,或在侧边栏中,或在about页面中。在本文中,我们将向您展示如何在WordPress中显示来自用户电子邮件的Gravatar。

Gravatar

注意:我们的示例是针对会员网站完成的。因此,我们通过拉入登录用户的信息来获取电子邮件地址。但是,从电子邮件地址显示gravatar的技术保持不变。

在WordPress模板文件中显示用户电子邮件中的Gravatar

首先,我们将向您展示如何使用简单的函数在WordPress模板中显示gravatar。在主题的 functions.php 文件或特定于站点的插件。

    function wpbeginner_display_gravatar() {  global $current_user;  get_currentuserinfo();  // Get User Email Address  $getuseremail = $current_user->user_email;  // Convert email into md5 hash and set image size to 32 px  $usergravatar = "http://www.gravatar.com/avatar/" . md5($getuseremail) . "?s=32";  echo "<img src="" . $usergravatar . ""  />";  }  

要在WordPress模板中显示gravatar,请使用此代码。

  <?php wpbeginner_display_gravatar(); ?>  

在WordPress的帖子,页面和小部件中显示来自用户电子邮件的Gravatar

现在我们假设您拥有用户的电子邮件地址以及在您的网站上使用其gravatar的权限。但是您没有将它们作为您网站上的注册用户。或者您希望在帖子,页面或窗口小部件中显示所选用户的gravatars。要解决此问题,请在主题的functions.php文件或特定于站点的插件中添加此代码:

    function wpb_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 "<img src="" . $usergravatar . "" />";  }    add_shortcode("wpb_gravatar", "wpb_display_gravatar");  

我们在上面的代码中所做的是我们修改了原始的wpbeginner_display_avatar函数并创建了一个短代码。此短代码wpb_gravatar接受一个参数wpb_user_email。如果您在短代码中指定了电子邮件地址参数,则会显示短代码中提供的电子邮件地址的gravatar而不是当前用户。此短代码可用于帖子,页面和小部件。要显示当前用户的gravatar,请使用以下短代码:

[wpb_gravatar]

要显示用户电子邮件地址的重力代码,请使用以下短代码:

[wpb_gravatar wpb_user_email=“john.smith@example.com”]

您还可以通过将。wpb_gravatar class添加到样式表来添加CSS。像这样:

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

Gravatar使头像变得更容易。与大多数使用WordPress的网站一样,我们也会在评论中使用Gravatar来显示每个评论作者的全球认可的头像。不知道什么是gravatar?然后阅读:什么是Gravatar?即使大多数网站仅在评论中使用Gravatars,您也可以坦率地在任何您喜欢的地方使用它来显示任何用户的个人资料图片。例如,在作者生物框中,或在侧边栏中,或在about页面中。在本文中,我们将向您展示如何在WordPress中显示来自用户电子邮件的Gravatar。

Gravatar

注意:我们的示例是针对会员网站完成的。因此,我们通过拉入登录用户的信息来获取电子邮件地址。但是,从电子邮件地址显示gravatar的技术保持不变。

在WordPress模板文件中显示用户电子邮件中的Gravatar

首先,我们将向您展示如何使用简单的函数在WordPress模板中显示gravatar。在主题的 functions.php 文件或特定于站点的插件。

    function wpbeginner_display_gravatar() {  global $current_user;  get_currentuserinfo();  // Get User Email Address  $getuseremail = $current_user->user_email;  // Convert email into md5 hash and set image size to 32 px  $usergravatar = "http://www.gravatar.com/avatar/" . md5($getuseremail) . "?s=32";  echo "<img src="" . $usergravatar . ""  />";  }  

要在WordPress模板中显示gravatar,请使用此代码。

  <?php wpbeginner_display_gravatar(); ?>  

在WordPress的帖子,页面和小部件中显示来自用户电子邮件的Gravatar

现在我们假设您拥有用户的电子邮件地址以及在您的网站上使用其gravatar的权限。但是您没有将它们作为您网站上的注册用户。或者您希望在帖子,页面或窗口小部件中显示所选用户的gravatars。要解决此问题,请在主题的functions.php文件或特定于站点的插件中添加此代码:

    function wpb_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 "<img src="" . $usergravatar . "" />";  }    add_shortcode("wpb_gravatar", "wpb_display_gravatar");  

我们在上面的代码中所做的是我们修改了原始的wpbeginner_display_avatar函数并创建了一个短代码。此短代码wpb_gravatar接受一个参数wpb_user_email。如果您在短代码中指定了电子邮件地址参数,则会显示短代码中提供的电子邮件地址的gravatar而不是当前用户。此短代码可用于帖子,页面和小部件。要显示当前用户的gravatar,请使用以下短代码:

[wpb_gravatar]

要显示用户电子邮件地址的重力代码,请使用以下短代码:

[wpb_gravatar wpb_user_email=“john.smith@example.com”]

您还可以通过将。wpb_gravatar class添加到样式表来添加CSS。像这样:

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

相关推荐

发表回复

房先生
我们将24小时内回复。
2024-06-22 18:23:38
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
[加我微信]
chaoneo
注:点击复制微信号并打开微信APP,添加好友后进行聊天。
[电话联系]
13585372227
[电子邮件]
chaoneo@163.com
取消

选择聊天工具: