WordPress用户随机加载Gravatar头像

PetitQ WordPress教程 2019-2-21 2.54K 2 0

当你想到判断用户是否有 gravatar 头像时，大多能找到网上搜到一些老办法，就是通过 get_headers 远程取得 gravatar 服务器响应一个 HTTP 请求所发送的所有标头。看看是否是 404，再回头判断是否该加载自定义头像。而我们通常不会采用上述方式，就是因为这个 get_headers 的过程非常耗时。今天 JV 给大家提供两个更快的思路。都是不通过 get_headers 直接使用前端和 wp 已有的默认手段来达到为没有 gravatar 头像的用户加载随机头像的目的。根据 gravatar 网站关于头像请求中 d 参的介绍，我们可以拿其中的 404 和 Default Image 两种形式来进行前端输出。

在主题的 functions.php 中加入以下代码：

也想出现在这里？联系我们吧

```
/**
```

 * 为没有Gravatar头像的用户加载随机头像

```
 */
```

add_filter( 'get_avatar' , 'inlojv_custom_avatar' , 10 , 5 );

function inlojv_custom_avatar( $avatar, $id_or_email, $size, $default, $alt) {

```
 
```
```
		global $comment,$current_user;
```
```
 
```

		// $id_or_email的值：后台右上角登录用户头像为id，其他为邮箱，下面做一个判断

		$current_email =  is_int($id_or_email) ? get_user_by( 'ID', $id_or_email )->user_email : $id_or_email;

```
 
```

		$email = !empty($comment->comment_author_email) ? $comment->comment_author_email : $current_email ;

```
 
```
```
		$random_avatar_arr = array(
```

			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ulm8ojj20690690sl.jpg',

			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ulfp76j2069069t8p.jpg',

			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ukuo5dj2069069a9w.jpg',

			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ujijfoj206z05l746.jpg',

			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6uimd6zj207705edfr.jpg'

```
		);
```
```
 
```

		$email_hash = md5(strtolower(trim($email)));

```
 
```

		$random_avatar = array_rand($random_avatar_arr,1);

```
 
```

		$src = $random_avatar_arr[$random_avatar] ;

```
 
```

		// JV提示：d参数404 onerror 方法 - 速度最快

		$avatar = "<img alt='{$alt}' src='//secure.gravatar.com/avatar/{$email_hash}?d=404' onerror='javascript:this.src=\"{$src}\";this.onerror=null;' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />";

```
 
```

		// JV提示：d参数default_img 方法 - 速度稍逊

```
		// $src = urlencode( $src );
```

		//$avatar = "<img alt='{$alt}' src='//secure.gravatar.com/avatar/{$email_hash}?d={$src}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />";

```
 
```
```
    return $avatar;
```
```
}
```

如代码中所注释的那样，第一种方法是直接采用 img 标签的 onerror 属性，当图片链接返回 404 时直接输出我们自定义的随机图片；第二种方法是利用 d 参数返回默认链接从而加载随机图片。另外，我把随机图片写成了数组，这样你就可以使用外链图片链接作为随机头像的链接，若你需要添加新的图片，可以依样画葫芦每行添加一条图片外链即可。以上！

WordPress 用户随机加载 Gravatar 头像

已有 635 人购买

永久更新：
演示数据：

立即购买

查看演示升级 VIP 立刻购买

阳光发布于： 2019年12月20日上午3:15

登录以回复

貌似失效了？wordpress本身默认(自动生成)的头像是随机显示的，但是都太丑了…想显示自己本地文件夹内的随机头像或像您上面写的外链图片链接作为随机头像的链接。我的想法是增加一个后台默认头像的选项“随机头像”，wordpress的默认头像是对于那些没有自定义头像的用户显示的通用头像，如果有的话就显示用户的Gravatar头像。不知道能不能生效(复制默认自动生成的设置稍作修改)。网上搜到的修改默认头像只能添加一个头像。还有一个是随机显示本地头像的，会导致默认头像的所有选项会覆盖为本地随机的头像，且每次刷新页面所有评论者的头像都会再次随机显示，和默认自动生成随机显示的效果不一样。无奈是小白，搜了两天也没找到一个完美的，有Gravatar头像就显示，没有就显示本地随机或链接…别每次刷新页面所有的都再次随机…默认自动生成的好像是根据邮箱判断的。
- PetitQ发布于： 2019年12月20日上午10:32
  
  登录以回复
  
  感谢您关注本站，您可以使用 WP User Avatar 等插件。