腾讯云服务器优惠活动华纳云香港服务器

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

WordPress主题推荐

当你想到判断用户是否有 gravatar 头像时,大多能找到网上搜到一些老办法,就是通过 get_headers 远程取得 gravatar 服务器响应一个 HTTP 请求所发送的所有标头。看看是否是 404,再回头判断是否该加载自定义头像。

WordPress为没有Gravatar头像的用户加载随机头像-第1张-boke112百科(boke112.com)

而我们通常不会采用上述方式,就是因为这个 get_headers 的过程非常耗时。今天 JV 给大家提供两个更快的思路,都是不通过 get_headers 直接使用前端和 wp 已有的默认手段来达到为没有 gravatar 头像的用户加载随机头像的目的。就是根据 gravatar 网站关于头像请求中 d 参的介绍,我们可以拿其中的 404 和 Default Image 两种形式来进行前端输出。

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

  1. /**
  2.  * 为没有Gravatar头像的用户加载随机头像
  3.  * @author INLOJV
  4.  * @URI  http://www.inlojv.com/20170521randomgravatar.html ‎
  5.  * 
  6.  */
  7. add_filter( ‘get_avatar’ , ‘inlojv_custom_avatar’ , 10 , 5 );
  8. function inlojv_custom_avatar( $avatar$id_or_email$size$default$alt) {
  9.         global $comment;
  10.         $email = !emptyempty($comment->comment_author_email) ? $comment->comment_author_email : $id_or_email ;
  11.         $random_avatar_arr = array(
  12.             ‘//wx1.sinaimg.cn/square/6b002b97gy1ffs6ulm8ojj20690690sl.jpg’,
  13.             ‘//wx1.sinaimg.cn/square/6b002b97gy1ffs6ulfp76j2069069t8p.jpg’,
  14.             ‘//wx1.sinaimg.cn/square/6b002b97gy1ffs6ukuo5dj2069069a9w.jpg’,
  15.             ‘//wx1.sinaimg.cn/square/6b002b97gy1ffs6ujijfoj206z05l746.jpg’,
  16.             ‘//wx1.sinaimg.cn/square/6b002b97gy1ffs6uimd6zj207705edfr.jpg’
  17.         );
  18.         $email_hash = md5(strtolower(trim($email)));
  19.         $random_avatar = array_rand($random_avatar_arr,1);
  20.         $src = $random_avatar_arr[$random_avatar] ;
  21.         // JV提示:d参数404 onerror 方法 – 速度最快
  22.         $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}’ />”;
  23.         // JV提示:d参数default_img 方法 – 速度稍逊
  24.         // $src = urlencode( $src );
  25.         //$avatar = “<img alt='{$alt}’ src=’//secure.gravatar.com/avatar/{$email_hash}?d={$src}’ class=’avatar avatar-{$size} photo’ height='{$size}’ width='{$size}’ />”;
  26.     return $avatar;
  27. }

如代码中所注释的那样,第一种方法是直接采用 img 标签的 onerror 属性,当图片链接返回 404 时直接输出我们自定义的随机图片;第二种方法是利用 d 参数返回默认链接从而加载随机图片。

另外,我把随机图片写成了数组,这样你就可以使用外链图片链接作为随机头像的链接,若你需要添加新的图片,可以依样画葫芦每行添加一条图片外链即可。 以上!

参考资料

赞 (0) 打赏
版权声明:本文为投稿文章,感谢 INLOJV 的投稿,版权归原作者所有!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu