本项目集成了三个随机头像的框架,感兴趣可以直接在本站进行体验!!!
Wave 头像生成器:https://github.com/wave-charts/avatar-gen/
Beanheads头像:https://github.com/RobertBroersma/beanheads
3.0新增随机头像:https://github.com/wilmerterrero/Avatartion
插件概述
随机头像生成器插件,允许登录用户在网站导航栏生成卡通风格的个性化头像,并直接设置为自己的用户头像。
核心功能
- 随机头像生成 - 基于多个可组合的 SVG 图层,随机生成独一无二的卡通头像
- 一键设置头像 - 生成的头像可以直接保存为用户的自定义头像
- 与子比主题深度集成 - 使用子比主题的 Modal 弹窗系统和 UI 组件
演示截图
![图片[1]-子比主题 随机头像\背景插件 v3.0 Plus-大海资源库](https://img.lzzcc.cn/i/2026/01/24/fa92d649531ec.gif)
技术实现
- 前端:jQuery + 原生 Canvas API,将 SVG 组合后转换为 PNG
- 后端:WordPress AJAX 处理,头像保存到 wp-content/uploads/zibll-avatars/ 目录
这个保存之后,会直接替代原头像,每一个用户对应一个头像。
更新日志
- 在原有的基础上拓展了beanheads 随机头像
- 支持在弹窗中进行切换头像风格
- 输出的头像格式为 webp 进行压缩
- 一人一头像(无多余缓存)
v3.0 更新
新增Avatartion随机头像风格。
头像生成器现支持三种风格:
- Notion
- Beanheads
- Avatartion
Avatartion支持脸型、发型、眼晴、嘴型、服装、饰品、胡须、背景等随机组合。
优化
- 优化用户中心随机头像入口。
- 随机头像按钮现在显示在"已签到"按钮之前。
- 恢复用户中心折叠菜单内的随机头像入口。
- 封面预设改为后台媒体库多选管理。
![图片[2]-子比主题 随机头像\背景插件 v3.0 Plus-大海资源库](https://vip.lzzcc.cn/wp-content/uploads/2026/03/20260814103624316-20260814023624502558.webp)
![图片[3]-子比主题 随机头像\背景插件 v3.0 Plus-大海资源库](https://vip.lzzcc.cn/wp-content/uploads/2026/03/20260814103624714-20260814023624517972.webp)
![图片[4]-子比主题 随机头像\背景插件 v3.0 Plus-大海资源库](https://vip.lzzcc.cn/wp-content/uploads/2026/03/20260814103624919-20260814023624541033.webp)
© 版权声明
NOTICE
1240555208@qq.com|Copyright © 2023~2026
01
DISCLAIMER
本站资源大多来自网络,如有侵犯权益请联系管理员,我们会第一时间审核删除。站内资源仅供学习测试,未经许可禁止商用,请在24小时内删除。
02
VIP PRIVILEGE
遇到付费内容?升级终身VIP即可全站免费畅享所有资源,可以联系我的微信进行开通。
大海聊天 QQ 3群:478065589
THE END










子比主题美化
精品源码资源 

请登录后发表评论
注册
社交账号登录