WordPress为没有Gravatar头像的用户加载随机头像-WordPress开发教程

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

教程介绍

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

思路

而我们通常不会采用上述方式,就是因为这个 get_headers 的过程非常耗时。今天JV给大家提供两个更快的思路。

都是不通过get_headers直接使用前端和wp已有的默认手段来达到为没有gravatar头像的用户加载随机头像的目的。

根据gravatar网站关于头像请求中d参的介绍,我们可以拿其中的404和Default Image两种形式来进行前端输出。

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

/**
 * 为没有Gravatar头像的用户加载随机头像
 * @author INLOJV
 * @URI  http://www.inlojv.com/20170521randomgravatar.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;
		
		// $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(
			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ulm8ojj20690690sl.jpg',
			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ulfp76j2069069t8p.jpg',
			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ukuo5dj2069069a9w.jpg',
			'//wx1.sinaimg.cn/square/6b002b97gy1ffs6ujijfoj206z05l746.jpg',
			'//wx1.sinaimg.cn/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='//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/

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/121721

WordPress安全防护插件
服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

电子邮件地址不会被公开。 必填项已用*标注