WordPress教程

WordPress用户随机加载Gravatar头像

也想出现在这里?联系我们
面包多

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

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

也想出现在这里?联系我们
创客主机
  1. /**
  2.  * 为没有Gravatar头像的用户加载随机头像
  3.  */
  4. add_filter( 'get_avatar' , 'inlojv_custom_avatar' , 10 , 5 );
  5. function inlojv_custom_avatar( $avatar, $id_or_email, $size, $default, $alt) {
  6.  
  7. 		global $comment,$current_user;
  8.  
  9. 		// $id_or_email的值:后台右上角登录用户头像为id,其他为邮箱,下面做一个判断
  10. 		$current_email =  is_int($id_or_email) ? get_user_by( 'ID', $id_or_email )->user_email : $id_or_email;
  11.  
  12. 		$email = !empty($comment->comment_author_email) ? $comment->comment_author_email : $current_email ;
  13.  
  14. 		$random_avatar_arr = array(
  15. 			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ulm8ojj20690690sl.jpg',
  16. 			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ulfp76j2069069t8p.jpg',
  17. 			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ukuo5dj2069069a9w.jpg',
  18. 			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ujijfoj206z05l746.jpg',
  19. 			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6uimd6zj207705edfr.jpg'
  20. 		);
  21.  
  22. 		$email_hash = md5(strtolower(trim($email)));
  23.  
  24. 		$random_avatar = array_rand($random_avatar_arr,1);
  25.  
  26. 		$src = $random_avatar_arr[$random_avatar] ;
  27.  
  28. 		// JV提示:d参数404 onerror 方法 - 速度最快
  29. 		$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}' />";
  30.  
  31. 		// JV提示:d参数default_img 方法 - 速度稍逊
  32. 		// $src = urlencode( $src );
  33. 		//$avatar = "<img alt='{$alt}' src='//secure.gravatar.com/avatar/{$email_hash}?d={$src}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />";
  34.  
  35.     return $avatar;
  36. }

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

也想出现在这里?联系我们
创客主机
服务范围 1、专业提供WordPress主题、插件汉化、优化、PHP环境配置等服务请详询在线客服
2、本站承接 WordPress、DedeCMS、ThinkPHP 等系统建站、仿站、开发、定制等服务
3、英文模板(主题)安装费用为120元/次,汉化主题首次免费安装(二次安装30元/次)
售后时间 周一至周五(法定节假日除外) 10:00-22:00
免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 2107117185@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!
也想出现在这里?联系我们
360uxc
(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

热评文章

评论:

2 条评论,访客:2 条,博主:0 条
  1. 阳光
    阳光发布于: 

    貌似失效了?wordpress本身默认(自动生成)的头像是随机显示的,但是都太丑了…想显示自己本地文件夹内的随机头像或像您上面写的外链图片链接作为随机头像的链接。我的想法是增加一个后台默认头像的选项“随机头像”,wordpress的默认头像是对于那些没有自定义头像的用户显示的通用头像,如果有的话就显示用户的Gravatar头像。不知道能不能生效(复制默认自动生成的设置稍作修改)。网上搜到的修改默认头像只能添加一个头像。还有一个是随机显示本地头像的,会导致默认头像的所有选项会覆盖为本地随机的头像,且每次刷新页面所有评论者的头像都会再次随机显示,和默认自动生成随机显示的效果不一样。无奈是小白,搜了两天也没找到一个完美的,有Gravatar头像就显示,没有就显示本地随机或链接…别每次刷新页面所有的都再次随机…默认自动生成的好像是根据邮箱判断的。

    • PetitQ
      PetitQ发布于: 

      感谢您关注本站,您可以使用 WP User Avatar 等插件。

发表评论

精彩推荐

Tabula - 艺术音乐外语培训学校网站WordPress模板

Envato Affiliates

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

Hi, 如果您有主题插件代购汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!