纯代码实现用户添加自定义头像功能 - wordpres开发

有没有什么办法可以让用户自己选择头像呢?这篇wordpress开发教程就来教你

WordPress系统默认使用Gravatar头像,用户(包括访客评论)的头像调取都是根据所留邮箱匹配的Gravatar头像。对于国内的用户来说还是有点麻烦,有没有什么办法可以让用户自己选择头像呢?这篇wordpress开发教程就来教你。

其实我们的思路是这样,已经有一款wordpress插件实现了这个功能,我们只需要把这个插件的功能代码移植到主题即可。这是那款插件:

纯代码实现用户添加自定义头像功能 - wordpres开发-Npcink
纯代码实现用户添加自定义头像功能 - wordpres开发-Npcink

Simple Local Avatars - 简单的本地头像wordpress插件

原理分析:

通过研究插件代码,我们可以发现,插件的功能代码都在simple-local-avatars.php文件里面,我们只需要将这个文件放到主题根目录中,例如inc文件夹下,然后让主题加载它即可。

如何实现?

经测试,上面插件的 simple-local-avatars.php 文件加载后无效,我这里提供旧版本(1.3.1)的插件核心功能文件

将页底下载的 author-avatars.php 文件置入主题的根目录inc文件夹下,然后在主题根目录下的functions.php<?php下添加以下代码加载它:

//用户自定义头像功能
include (TEMPLATEPATH . '/inc/author-avatars.php');

至此,你的WordPress站点已经支持用户自定义头像了,如果用户同时设置了Gravatar和本地上传头像,那么优先显示本地上传的头像,头像调取函数不变:get_simple_local_avatar 或 get_avatar

问题:

仅实现了功能,但仅支持从本地选取图片,不支持从媒体库选取(上面的插件支持)。

效果如图:

我使用wordpress自带的二〇二〇主题进行测试。

纯代码实现用户添加自定义头像功能 - wordpres开发

总结:

今天看到了这篇文章进行了尝试,
方案一:最新版本是2.1.1,插件有效,但插件压缩包中多了两个JS文件,尝试仅加载simple-local-avatars.php文件,有功能显示,但无法点击上传按钮。
方案二:将整个插件文件夹上传,然后加载simple-local-avatars.php文件,依然无法点击上传按钮。
尝试加载1.3.1版本的simple-local-avatars.php文件,功能实现,但无法从媒体库选取图片(新版功能)

若诸位开发者有完善加载新版本插件的方法,还请在评论区留言分享。

以下这几篇wordpress开发文章或许能够帮助到您:

纯代码实现用户添加自定义头像功能 - wordpres开发-Npcink
纯代码实现用户添加自定义头像功能 - wordpres开发-Npcink

wordpress开发 - 怎么获取文章作者的用户头像、用户昵称等用户资料?

纯代码实现用户添加自定义头像功能 - wordpres开发-Npcink
纯代码实现用户添加自定义头像功能 - wordpres开发-Npcink

wordpress开发 - 获取文章作者相关信息标签代码汇总

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

Inspire – 社交风WordPress博客主题使用文档

2020-3-24 22:44:39

软件

HandBrake - 视频转码工具

2019-3-28 20:46:08

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索