子比主题 随机头像\背景插件 v3.0 Plus

本项目集成了三个随机头像的框架,感兴趣可以直接在本站进行体验!!!

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-大海资源库

技术实现

  • 前端: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-大海资源库
图片[3]-子比主题 随机头像\背景插件 v3.0 Plus-大海资源库
图片[4]-子比主题 随机头像\背景插件 v3.0 Plus-大海资源库
© 版权声明
THE END
点赞9分享
及时反馈~ 共2条

请登录后发表评论