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参数返回默认链接从而加载随机图片。另外,我把随机图片写成了数组,这样你就可以使用外链图片链接作为随机头像的链接,若你需要添加新的图片,可以依样画葫芦每行添加一条图片外链即可。 以上!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 WordPress用户随机加载Gravatar头像 https://zhutizhen.com/14472.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务