纯代码使用LetterAvatar脚本实现WordPress前台生成首字图片替代默认评论头像

Gravatar是全球通用头像平台, 如果我们未设置Gravatar头像,则默认头像或随机头像将显示在网站上的评论或评论中, 在这种情况下,用户体验不是很好。

LetterAvatar脚本通过读取ALT属性自动生成图片

 

基本思路

首先将ALT属性添加到图片,然后确定是否有Gravatar头像,如果有,则显示Gravatar头像,如果没有, 将显示由LetterAvatar脚本生成的第一个单词图像。 头像(例如昵称的第一个字符)

1、头像添加ALT属性,查看WP官网 get_avatar 默认的可选参数:

其中:$alt 就是 alt 可选参数。 打开主题评论模板,找到类似这句:

替换为:

将评论者名称作为 ALT 属性。

 

2、判断有无头像,如果没有使用 Gravatar,则给头像 img 标签添加一个 class 属性,比如 letter,示例代码(部分)如下:

3,渲染首字头像,通过 LetterAvatar 脚本渲染首字头像,LetterAvatar 是一个开原项目,将示例中的 JS 脚本添加到你的网站。

示例代码:

其中,需要修改一个地方,将:

修改为:

即根据 img 标签查找改为根据 class 查找。

advertis

这些可能会帮助到你: 综合论坛  资源下载帮助  留言建议

欢迎入群交流沟通:QQ群: 653767067 · TG群: t.me/saodaye · TG频道: t.me/infosaodaye

本站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议

你或许会喜欢...

发表评论

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