微慕小程序基础教程:如何将非微信用户评论的默认头像改为字母头像?

微慕小程序开源版 + WordPress构建的微信小程序,虽然评论数据是打通的,但是评论头像就有点瑕疵。比如在WordPress站点评论的头像,一般显示的都是Gravatar头像,但是到了小程序中就显示为默认头像(如下图左1),所以今天懿古今就跟大家说一说如何将小程序中非微信用户评论的默认头像改为评论者昵称首字母对应的字母头像(如下图右1),具体操作如下:

微慕小程序基础教程:如何将非微信用户评论的默认头像改为字母头像?-第1张-boke112百科(boke112.com)

1、(如果站点已经有字母头像请跳到第3步)前往下载字母头像素材压缩包(密码:2917),解压后得到一个“字母头像素材压缩包”文件夹,内含default、opensans和roboto三个头像的文件夹和一个zimutouxiang.php文件。我们只需要选择其中一个头像文件夹如default,然后将该文件夹上传到当前主题的images文件夹内(或其他地方,记得修改第2步对应的路径即可)。

2、根据第1步选择的文件夹名称和上传的路径,修改zimutouxiang.php文件第121行中的头像路径(/images/default/),然后将该文件上传到当前所用主题的某个文件夹如/inc/中(或其他位置,记得修改以下代码中的路径即可),并将以下代码添加到当前主题的functions.php文件中并保存更新文件:

// 字母头像
require get_template_directory() . '/inc/zimutouxiang.php';

3、进入WordPress后台微慕小程序插件/wp-content/plugins/rest-api-to-miniprogram/includes/api/文件夹,找到并编辑ram-rest-comments-controller.php文件第262行

$data["author_url"]=strpos($author_url, "wx.qlogo.cn")?$author_url:"../../images/gravatar.png";

将其修改为

$ygjnicheng = $comment->comment_author;
$ygjtouxiang = tt_touxiang_generate_first_letter_uri($ygjnicheng,40);
$data["author_url"]=strpos($author_url, "wx.qlogo.cn")?$author_url:$ygjtouxiang;

至此,我们已经成功将微信小程序中的非微信用户评论头像改为评论者昵称的首字母头像了。

换句话就是说,凡是在我们WordPress站点评论的用户,他在微信小程序中的头像都是他所填写昵称的首字母头像,再也不是千篇一律的默认头像了。具体效果请在本文评论后,用微信扫码打开小程序中本文,然后在文章最后看看自己的评论头像是不是首字母头像?

当然,你也可以根据本文第3步介绍的方法,将评论者头像改为Gravatar头像或Cravatar头像,方法是一样的,都是给一个参数赋值对应的头像(或字母头像或Gravatar头像或Cravatar头像)。

文章创作不易,期待您的评分
版权声明:本文为转载文章,来源于 伊古今 ,版权归原作者所有!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu