WordPress为没有Gravatar头像的用户加载随机头像(附带300张)

本博客主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

WordPress为没有Gravatar头像的用户加载随机头像(附带300张)教程介绍


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

思路


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

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


						   									   
/**
 * 为没有Gravatar头像的用户加载随机头像
 * @author 79
 * @URI  http://www.79bk.cn/
 * 
 */
add_filter( 'get_avatar' , 'inlojv_custom_avatar' , 10 , 100 );
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(
			'//i.loli.net/2019/01/03/5c2d588f1ee99.jpg',
'//i.loli.net/2019/01/03/5c2d588f2514e.jpg',
'//i.loli.net/2019/01/03/5c2d588f32d3c.jpg',
'//i.loli.net/2019/01/03/5c2d588f48313.jpg',
'//i.loli.net/2019/01/03/5c2d588f4a40c.jpg',
'//i.loli.net/2019/01/03/5c2d588f4c15e.jpg',
'//i.loli.net/2019/01/03/5c2d588f4fb13.jpg',
'//i.loli.net/2019/01/03/5c2d592690070.jpg',
'//i.loli.net/2019/01/03/5c2d5926947b1.jpg',
'//i.loli.net/2019/01/03/5c2d592698eb3.jpg',
'//i.loli.net/2019/01/03/5c2d5926a5124.jpg',
'//i.loli.net/2019/01/03/5c2d5926a8e66.jpg',
'//i.loli.net/2019/01/03/5c2d5926ac7b4.jpg',
'//i.loli.net/2019/01/03/5c2d5926b1580.jpg',
'//i.loli.net/2019/01/03/5c2d5926b32b3.jpg',
'//i.loli.net/2019/01/03/5c2d593fac595.jpg',
'//i.loli.net/2019/01/03/5c2d593fadfb5.jpg',
'//i.loli.net/2019/01/03/5c2d593fb0d1f.jpg',
'//i.loli.net/2019/01/03/5c2d593fb2c52.jpg',
'//i.loli.net/2019/01/03/5c2d594052720.jpg',
'//i.loli.net/2019/01/03/5c2d594091eba.jpg',
'//i.loli.net/2019/01/03/5c2d5940a95cc.jpg',
'//i.loli.net/2019/01/03/5c2d5940c1109.jpg',
'//i.loli.net/2019/01/03/5c2d5958ac04e.jpg',
'//i.loli.net/2019/01/03/5c2d5958b49f2.jpg',
'//i.loli.net/2019/01/03/5c2d5958b67ae.jpg',
'//i.loli.net/2019/01/03/5c2d5958c325a.jpg',
'//i.loli.net/2019/01/03/5c2d5958c4c90.jpg',
'//i.loli.net/2019/01/03/5c2d5958c6977.jpg',
'//i.loli.net/2019/01/03/5c2d5958cd369.jpg',
'//i.loli.net/2019/01/03/5c2d5958d4d73.jpg',
'//i.loli.net/2019/01/03/5c2d596c8a3a0.jpg',
'//i.loli.net/2019/01/03/5c2d596c8c0d8.jpg',
'//i.loli.net/2019/01/03/5c2d596c8dff5.jpg',
'//i.loli.net/2019/01/03/5c2d596cdf687.jpg',
'//i.loli.net/2019/01/03/5c2d596e00fe0.jpg',
'//i.loli.net/2019/01/03/5c2d596e031ef.jpg',
'//i.loli.net/2019/01/03/5c2d596e04fdf.jpg',
'//i.loli.net/2019/01/03/5c2d596e08c09.jpg',
'//i.loli.net/2019/01/03/5c2d598b1af0d.jpg',
'//i.loli.net/2019/01/03/5c2d598b43532.jpg',
'//i.loli.net/2019/01/03/5c2d598b4bafa.jpg',
'//i.loli.net/2019/01/03/5c2d598b5a665.jpg',
'//i.loli.net/2019/01/03/5c2d598b6e69b.jpg',
'//i.loli.net/2019/01/03/5c2d598b8135b.jpg',
'//i.loli.net/2019/01/03/5c2d598c5ac49.jpg',
'//i.loli.net/2019/01/03/5c2d598c70bf5.jpg',
'//i.loli.net/2019/01/03/5c2d59a002d7f.jpg',
'//i.loli.net/2019/01/03/5c2d59a099dd0.jpg',
'//i.loli.net/2019/01/03/5c2d59a0ab177.jpg',
'//i.loli.net/2019/01/03/5c2d59a0c05a4.jpg',
'//i.loli.net/2019/01/03/5c2d59a0e925f.jpg',
'//i.loli.net/2019/01/03/5c2d59a0ece55.jpg',
'//i.loli.net/2019/01/03/5c2d59a10c9a9.jpg',
'//i.loli.net/2019/01/03/5c2d59a112d32.jpg',
'//i.loli.net/2019/01/03/5c2d59b063796.jpg',
'//i.loli.net/2019/01/03/5c2d59b068459.jpg',
'//i.loli.net/2019/01/03/5c2d59b13b075.jpg',
'//i.loli.net/2019/01/03/5c2d59b165577.jpg',
'//i.loli.net/2019/01/03/5c2d59b1799d3.jpg',
'//i.loli.net/2019/01/03/5c2d59b17ba39.jpg',
'//i.loli.net/2019/01/03/5c2d59b18f8e1.jpg',
'//i.loli.net/2019/01/03/5c2d59b19453a.jpg',
'//i.loli.net/2019/01/03/5c2d59c1eee50.jpg',
'//i.loli.net/2019/01/03/5c2d59c201a69.jpg',
'//i.loli.net/2019/01/03/5c2d59c223d71.jpg',
'//i.loli.net/2019/01/03/5c2d59c262cc7.jpg',
'//i.loli.net/2019/01/03/5c2d59c264e60.jpg',
'//i.loli.net/2019/01/03/5c2d59c266b21.jpg',
'//i.loli.net/2019/01/03/5c2d59c30f723.jpg',
'//i.loli.net/2019/01/03/5c2d59c322dc5.jpg',
'//i.loli.net/2019/01/03/5c2d59d4e9265.jpg',
'//i.loli.net/2019/01/03/5c2d59d50bae3.jpg',
'//i.loli.net/2019/01/03/5c2d59d539817.jpg',
'//i.loli.net/2019/01/03/5c2d59d5491e5.jpg',
'//i.loli.net/2019/01/03/5c2d59d5594d3.jpg',
'//i.loli.net/2019/01/03/5c2d59d5645e7.jpg',
'//i.loli.net/2019/01/03/5c2d59d598f4d.jpg',
'//i.loli.net/2019/01/03/5c2d59d59add0.jpg',
'//i.loli.net/2019/01/03/5c2d59ecbdc32.jpg',
'//i.loli.net/2019/01/03/5c2d59ed0a270.jpg',
'//i.loli.net/2019/01/03/5c2d59ed1a418.jpg',
'//i.loli.net/2019/01/03/5c2d59ed1e206.jpg',
'//i.loli.net/2019/01/03/5c2d59ed309d1.jpg',
'//i.loli.net/2019/01/03/5c2d59ee02fe3.jpg',
'//i.loli.net/2019/01/03/5c2d59ee1ea24.jpg',
'//i.loli.net/2019/01/03/5c2d59ee1fbe7.jpg',
'//i.loli.net/2019/01/03/5c2d59fc13d41.jpg',
'//i.loli.net/2019/01/03/5c2d59fc294a6.jpg',
'//i.loli.net/2019/01/03/5c2d59fc2b04a.jpg',
'//i.loli.net/2019/01/03/5c2d59fd12c6c.jpg',
'//i.loli.net/2019/01/03/5c2d59fd16b4b.jpg',
'//i.loli.net/2019/01/03/5c2d59fd27350.jpg',
'//i.loli.net/2019/01/03/5c2d59fd28eb4.jpg',
'//i.loli.net/2019/01/03/5c2d59fd2a8ee.jpg',
'//i.loli.net/2019/01/03/5c2d5a0d3e5fa.jpg',
'//i.loli.net/2019/01/03/5c2d5a0d46c0f.jpg',
'//i.loli.net/2019/01/03/5c2d5a0d93d20.jpg',
'//i.loli.net/2019/01/03/5c2d5a0e920df.jpg',
'//i.loli.net/2019/01/03/5c2d5a0eb8d71.jpg',
'//i.loli.net/2019/01/03/5c2d5a0ebd73d.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参数返回默认链接从而加载随机图片。

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

Gravatar官方参考资料:http://cn.gravatar.com/site/implement/images/

抱歉,隐藏内容 回复 后刷新可见

未经允许不得转载:作者:乔越, 转载或复制请以 超链接形式 并注明出处 乔越博客
原文地址:《WordPress为没有Gravatar头像的用户加载随机头像(附带300张)》 发布于2019-01-03

分享到:
赞(1) 打赏

评论 1

1 + 6 =
  1. #1
    qq_avatar

    看看咯

    常网时代1周前 (11-04)回复
WordPress为没有Gravatar头像的用户加载随机头像(附带300张)

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

79代刷网
代刷网各种代刷 售后有保证 代做各种网站有需要留言给我即可!
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册