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

  • A+
所属分类:WordPress

之前让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:

目前评论:31   其中:访客  31   博主  0

    • avatar 寻金笔记 5

      沙发,很不错。 :mrgreen:

      • avatar boke112导航 5

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

        • avatar 善记事博客 1

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

          • avatar 黑色理想 2

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

            • avatar 飞越无限 1

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

              • avatar 香港虚拟主机 3

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

                • avatar 阿里书籍 6

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

                  • avatar lisa2016 0

                    谢谢分享

                    • avatar 清风美文 3

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

                      • avatar 美Win网 4

                        嘿嘿,鸟哥。我其实是Win7en乐园啦!

                        • avatar 流量营销 2

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

                          • avatar chun 0

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

                            • avatar 灰常记忆 3

                              多用户需要这个~

                              • avatar 微搜网 0

                                谢谢分享 欢迎回访

                                • avatar 电信流量不清零 4

                                  感谢分享 收藏备用

                                  • avatar vultr优惠码 0

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

                                    • avatar kelvin 0

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

                                      • avatar 蜂窝网 0

                                        好!谢谢分享

                                        • avatar 微西风博客 0

                                          支持一下,说的好

                                          • avatar 车价表 0

                                            崇尚专注,追求极致。

                                            • avatar 博客导航 1

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

                                              • avatar 流年 1

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

                                                • avatar 博客导航 1

                                                  WP是好强大

                                                  • avatar 谷云艺 0

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

                                                    • avatar KeithYu 0

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

                                                      • avatar 俄语译客 0

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

                                                        • avatar woocommerce中文网 1

                                                          来学习一下

                                                          • avatar 谢谢 0

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

                                                            • avatar 烟影如画 0

                                                              非常感谢,学到了 :razz: