将用户本地上传头像功能集成到WordPress主题中

2015年09月8日19:04:10 33 7,096

之前让WordPress支持注册用户上传自定义头像功能 一文，通过安装Simple Local Avatars和 WP User Avatar插件，可以让注册用户本地上传头像代替默认的Gravatar头像，不过一般都认为插件安装多了，会影响速度，那么我们就以WP默认主题Twenty Fifteen为例，把这个功能集成到WordPress主题中，即可方便用户，也显示得主题高大上。

将用户本地上传头像功能集成到WordPress主题中

上传头像

第一步，WP后台安装插件页面，搜索下载 Simple Local Avatars 插件。

第二步，将插件中的 simple-local-avatars.js 复制到Twenty Fifteen主题的 js 目录。

第三步，打开插件 simple-local-avatars.php 文件，将大约第178行的：

  1. wp_enqueue_script( 'simple-local-avatars', plugins_url( '', __FILE__ ) . '/simple-local-avatars' . $script_name_append . '.js', array('jquery'), false, true );

替换为：

  1. wp_enqueue_script( 'simple-local-avatars', get_template_directory_uri( '', __FILE__ ) . '/js/simple-local-avatars' . $script_name_append . '.js', array('jquery'), false, true );

目的是，将必须的js文件调用，从默认的插件目录转到当前主题JS目录中，保存simple-local-avatars.php 文件并复制到Twenty Fifteen主题的 inc 目录。

第四步，打开Twenty Fifteen主题的 functions.php 模板文件，在最后添加：

  1. require get_template_directory() . '/inc/simple-local-avatars.php';

完成全部工作。

之后，WP后台 → 用户 → 我的个人资料，在个人资料设置页面，会发现下面多出本地头像设置功能。

相关文件下载

管理员可以在媒体库中选择头像，其它没有操作媒体库权限的用户只可以本地上传头像。

文件下载

文件下载
weinxin
我的微信
分享交流WordPress经验与技巧，关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论：33   其中：访客  33   博主  0

    • 寻金笔记 6
      回复 2015年09月9日 01点36分  沙发

      沙发，很不错。 :mrgreen:

      • boke112导航 5
        回复 2015年09月9日 08点48分  板凳

        这个功能看着挺给力的，非常不错

        • 善记事博客 1
          回复 2015年09月9日 12点31分  地板

          如果能集成到zblog就好了，一定会用

          • 黑色理想 2
            回复 2015年09月9日 17点06分  4楼

            我设置了 怎么不行··是不是漏了点什么？

            • 飞越无限 1
              回复 2015年09月9日 22点32分  5楼

              鸟哥，这个导航下拉栏比较不错，http://www.daqianduan.com/front

              • 香港虚拟主机 3
                回复 2015年09月10日 11点54分  6楼

                将用户本地上传头像功能集成到WordPress主题中，这篇文章好像在哪里看过的，我自己那个博客已经用上了

                • 阿里书籍 6
                  回复 2015年09月10日 21点40分  7楼

                  鸟哥的这个功能绝对是高大上哦

                  • lisa2016 0
                    回复 2015年09月11日 08点33分  8楼

                    谢谢分享

                    • 清风美文 3
                      回复 2015年09月11日 10点22分  9楼

                      这个功能不错，主题看起来立马高大上了

                      • 美Win网 4
                        回复 2015年09月11日 13点23分  10楼

                        嘿嘿，鸟哥。我其实是Win7en乐园啦！

                        • 流量营销 2
                          回复 2015年09月11日 15点14分  11楼

                          这个功能不错的，比那种默认的头像好看多啦。

                          • chun 0
                            回复 2015年09月13日 20点21分  12楼

                            求一套仿豆瓣的主题，或者类似的视屏类的有木有呀

                            • 灰常记忆 3
                              回复 2015年09月14日 14点39分  13楼

                              多用户需要这个~

                              • 微搜网 0
                                回复 2015年09月14日 20点07分  14楼

                                谢谢分享 欢迎回访

                                • 电信流量不清零 4
                                  回复 2015年09月14日 22点42分  15楼

                                  感谢分享 收藏备用

                                  • vultr优惠码 0
                                    回复 2015年09月16日 15点33分  16楼

                                    Gravatar头像的问题一直比较困扰，他们的服务器有时候打开很快 ，有时候基本打不开。

                                    • kelvin 0
                                      回复 2015年09月18日 11点57分  17楼

                                      这个功能时还可以不过测试后存在一个不算bug的bug，如果昵称是中文的则生成头像地址失效

                                      • 蜂窝网 0
                                        回复 2015年09月18日 15点55分  18楼

                                        好！谢谢分享

                                        • 微西风博客 0
                                          回复 2015年09月18日 19点06分  19楼

                                          支持一下，说的好

                                          • 车价表 0
                                            回复 2015年09月19日 18点36分  20楼

                                            崇尚专注，追求极致。

                                            • 博客导航 1
                                              回复 2015年09月25日 10点47分  21楼

                                              这个功能不错的 已收藏
                                              博客导航已收录贵站

                                              • 流年 1
                                                回复 2015年09月25日 11点31分  22楼

                                                鸟哥有没有考虑做个全站防刷新。。具体代码：http://www.zyrsq.com/qzjz.js 这段代码直接可以用 但是还要优化很多地方。。。。。。 :razz: 鸟哥 可以针对 begin 主题 修改下放出来么。。 :grin: :grin:

                                                • 博客导航 1
                                                  回复 2015年09月27日 16点58分  23楼

                                                  WP是好强大

                                                  • 谷云艺 0
                                                    回复 2015年11月27日 19点13分  24楼

                                                    崇尚专注，追求极致。支持

                                                    • KeithYu 0
                                                      回复 2016年02月7日 23点47分  25楼

                                                      这个方法牛，我已经按照教程弄好了，感谢。

                                                      • 俄语译客 0
                                                        回复 2016年02月19日 22点54分  26楼

                                                        以前一直用WP User Avatar来设置头像，今天看了鸟哥这个教程，又让我减掉了一个插件，非常感谢！ :smile:

                                                        • woocommerce中文网 1
                                                          回复 2016年04月13日 22点45分  27楼

                                                          来学习一下

                                                          • 谢谢 0
                                                            回复 2016年04月13日 23点47分  28楼

                                                            后台的按钮颜色是修改了wp核心文件的css自定义的 吗？

                                                            • 烟影如画 0
                                                              回复 2017年04月20日 23点36分  29楼

                                                              非常感谢，学到了 :razz:

                                                              • 穿衣打扮 0
                                                                回复 2017年07月30日 21点50分  30楼

                                                                试试才晓得

                                                                • 安逸 0
                                                                  回复 2017年10月7日 21点13分  31楼

                                                                  呵呵