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

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

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

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

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

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

可以像Gravatar一样按需生成所需的尺寸!简单轻巧。这是一款很实用的wordpress插件,如果你开发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开发-Npcink

总结:

今天看到了这篇文章进行了尝试,
方案一:最新版本是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开发 - 怎么获取文章作者的用户头像、用户昵称等用户资料?

需要在适当的位置展示不同用户的头像和昵称等用户信息时,如何获取这些信息呢?这一次的wordpress开发教程就和大家分享一下
纯代码实现用户添加自定义头像功能 - wordpres开发-Npcink
纯代码实现用户添加自定义头像功能 - wordpres开发-Npcink

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

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

下载权限

查看
  • ¥{{right.value}}
    {{right.value}}
    免费下载
    评论后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限
最后修改: 2020-03-31 01:35
WP开发

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

2020-2-10 22:09:00

WP开发

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

2020-2-11 14:20:41

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