>

教程介绍

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

思路

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

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

/**
 * 为没有Gravatar头像的用户加载随机头像
 * @author INLOJV
 * @URI  https://www.inlojv.com/5459.html
 * 
 */
add_filter( 'get_avatar' , 'inlojv_custom_avatar' , 10 , 5 );
function inlojv_custom_avatar( $avatar, $id_or_email, $size, $default, $alt) {
 
		global $comment,$current_user;
		$avatar_host = "gravatar.loli.net/avatar";
		// $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 ;
 	
 		if(strstr($email, '@qq.com')){
		    $qq=str_ireplace("@qq.com","",$email);
		    if(is_numeric($qq)&&strlen($qq)<11&&strlen($qq)>4){
    		    $url = 'https://s.p.qq.com/pub/get_face?img_type=3&uin='.$qq;
                $api = get_headers($url,true)['Location'];
                $json_api = json_encode($api);
                $ex_api = explode("&k=",$json_api)[1];
                $k_value = explode("&s=",$ex_api)[0];
                $headimg = 'https://q.qlogo.cn/g?b=qq&k='.$k_value.'&s=100';
		    }else{
		        $headimg = 'https://q1.qlogo.cn/g?b=qq&nk='.$qq.'&s=100';
		    }
		    $avatar = "<img src='{$headimg}' class='avatar avatar-32 photo' />";
		}else{
		$random_avatar_arr = array(
            '//tva1.sinaimg.com/square/6b002b97gy1ffs6ulm8ojj20690690sl.jpg',
			'//tva1.sinaimg.com/square/6b002b97gy1ffs6ulfp76j2069069t8p.jpg',
			'//tva1.sinaimg.com/square/6b002b97gy1ffs6ukuo5dj2069069a9w.jpg',
			'//tva1.sinaimg.com/square/6b002b97gy1ffs6ujijfoj206z05l746.jpg',
			'//tva1.sinaimg.com/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='//{$avatar_host}/{$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参数返回默认链接从而加载随机图片。

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

参考资料:https://www.inlojv.com/5459.html

[WordPress]懒加载插件a3 Lazy …

留言添加访客操作系统及浏览器

[WordPress]免费夜间模式插件Da…

WordPress随机验证码查看内容插…

WordPress 后台提醒“建议更新PH…