VPS参考、测评、推荐
分享你关注的VPS主机优惠信息

WordPress实现了用户的头像在本地缓存,没有头像的用户按字母分配到(WordPress头像设置)。

WordPress实现了用户的头像在本地缓存,没有头像的用户按字母分配到(WordPress头像设置)。

本文描述了结合两种方法来提高WordPress用户头像(Gravatar)的加载,即将带有Gravatar的用户头像缓存,使用LetterAvatar生成纯前端的字母头像。

我只提供一些思路,有些代码需要修改。

首先缓存Gravatar头像用户的头像,这里就不多说了。

WordPress实现了用户的头像在本地缓存,没有头像的用户按字母分配到(WordPress头像设置)。

因为后面会给没有Gravatar头像的用户分配字母头像,所以需要判断谁是没有Gravatar头像的用户,给这类用户的头像分配一个类,暂时命名为class=”letteravatar “。根据类,会头像的CSS(不必要的操作)并在后面执行JavaScript代码。

然后,在鹿豆的里,代码$ avatar = “

;;} else { $ avatar = ” & ltimg alt = ‘ { $ alt } ‘ src = ‘ { $ a } ‘ class = ‘ avatar avatar-{ $ size } photo ‘ height = ‘ { $ size } ‘ width = ‘ { $ size } ‘/& ;;}也就是一个类:letteravatar通过判断加入。

本文禁止转载。任何形式的转载请作者(时间在路上。timezls.com)。时间保留了所有在路上的权利。

中的代码可以根据自己的需要进行修改。

第二步:使用LetterAvatar js代码生成信件头像。完整的代码可以在这里查看和

本文禁止转载。任何形式的转载请作者(时间在路上。timezls.com)。时间保留了所有在路上的权利。

注意,如果你还延迟加载(懒加载)图片的js代码,一定要在懒加载之前加载下面的代码。

原来的js代码需要稍微修改一下。请参考下面代码中的注释:

letter avatar . transform = function(){ array . prototype . foreach . call(d . queryselectorall(“。letteravatar[alt]”,//这里把原代码中的img[alt]改为。letteravatar [alt] function (img,name,color) {name = img。get attribute(” alt “);color = img . get attribute(” color “);img.src = LetterAvatar(name,img.getAttribute(“width “),color);img . remove attribute(” alt “);//原代码的avatar改为altimg。setattribute (“alt “,name)}此处;if(type of define = = = ” function ” & amp;& ampdefine . amd){ define(function(){ return letter avatar })} else { if(导出类型!== “undefined”) { if(模块类型!= “未定义” & amp& amp{ exports = module . exports = letter avatar }导出。letter avatar = letter avatar } else { window。LetterAvatar = LetterAvatard . addevent listener(” DOMContentLoaded “,function(event){ letter avatar . transform()} } })(窗口,文档);大功告成,试试看!

:WordPress实现了用户的头像在本地缓存,没有头像的用户按字母分配到(WordPress头像设置)。 ://vps.caogenba.com.com/110481.html

赞(0) 打赏
未经允许不得转载:草根吧VPS_最新VPS信息参考 » WordPress实现了用户的头像在本地缓存,没有头像的用户按字母分配到(WordPress头像设置)。
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址