WordPress 会在本地缓存用户头像，并将没有头像的用户分配给按字母顺序排列的头像（WordPress 头像）。

本文介绍了如何结合两种方法来提高WordPress用户头像（Gravatar）的加载速度。 即对于有Gravatar头像的用户，将头像下载到本地缓存；对于没有Gravatar头像的用户，使用LetterAvatar下载头像。 头像头像。 实现纯前端生成角色头像。

我只是提供一些想法，一些代码可能需要更改。

第一个是使用Gravatar头像对用户头像进行本地缓存。

我们不会在这里详细讨论这个问题。

要稍后将字母头像分配给没有 Gravatar 头像的用户，请识别没有 Gravatar 头像且必须分配给的用户。 。 avatar 指定一个暂定名为 class="letteravatar" 的类。 头像的 CSS 是根据类设置的（可选操作），并执行下面的 JavaScript 代码。

Pandan 博客使用以下代码 $avatar = "" 更改为：

if( strpos($a,'default') ){ $avatar = " " ; } else { $avatar = "";}

因此，您可以自行决定添加类：Letteravatar。

转载本文 转载于禁止任何形式。请联系Time is on the Road www.timezls.com。

其中的代码可能会根据需要进行修改。

第2步：使用 用于生成字母头像的LetterAvatar js代码。>完整代码可以在此处查看和复制。

禁止转载本文，任何格式的转载请联系。作者在 Time on the Road www.timezls.com 保留所有权利

图像是延迟加载的。 同样使用下面的代码：

原代码需要稍作修改，参见代码中的注释：

LetterAvatar.transform = function() { Array.prototype.forEach.call(d) .querySele ctorAll(".letteravatar[alt]"), //这里是原代码中的img[alt] 更改 .letteravatar[alt] function(img, name, color) { name = img.getAttribute("alt"); img.getAttribute("color"); img.src = LetterAvatar (name , img.getAttribute("width") ), color); // 此处更改原代码中的头像。img.setAttribute("alt", name) })};if (typeofdefine === "function" &&define.amd) {define(function() { return LetterAvatar } )} else { if (typeofexports !== "未定义" ) { if (模块类型！= "未定义" && module.exports) { 导出 = module.ex 端口 = LetterAvatar 导出.LetterAvatar 。 EntListener("DomContentLoaded", Function (Event) {Letteravtar.transform ()})}}} (窗口，文档);

这几篇文章你可能也喜欢：

• 2025 年最适合开发人员的 10 个 PHP CMS 平台
• 如何清除WordPress缓存？（WordPress消耗内存）
• 如果将图像上传到 WordPress 网站时出现 HTTP 错误，我该怎么办？
• 如何解决WordPress媒体库图片加载错误（WordPress媒体库文件路径）
• 如果您的WordPress站点无法更新怎么办（如何设置WordPress站点地址）

本文由主机参考刊发，转载请注明：WordPress 会在本地缓存用户头像，并将没有头像的用户分配给按字母顺序排列的头像（WordPress 头像）。 https://zhujicankao.com/140008.html