将用户本地上传头像功能集成到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:

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

    • avatar 寻金笔记 来自天朝的朋友 谷歌浏览器 Windows 10 广东省深圳市 电信 5

      沙发,很不错。 :mrgreen:

      • avatar boke112导航 来自天朝的朋友 谷歌浏览器 Windows XP 广西南宁市 /桂林市 5

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

        • avatar 善记事博客 来自天朝的朋友 搜狗浏览器 Windows 8.1 广东省广州市 电信 1

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

          • avatar 黑色理想 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 鹏博士长城宽带 2

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

            • avatar 飞越无限 来自天朝的朋友 谷歌浏览器 Windows 7 北京市昌平区 联通 1

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

              • avatar 香港虚拟主机 来自天朝的朋友 谷歌浏览器 Windows 7 重庆市 电信 3

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

                • avatar 阿里书籍 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省南京市 电信 6

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

                  • avatar lisa2016 来自天朝的朋友 谷歌浏览器 Windows 7 黑龙江省齐齐哈尔市 电信 0

                    谢谢分享

                    • avatar 清风美文 来自天朝的朋友 谷歌浏览器 Windows 7 陕西省西安市 电信 3

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

                      • avatar 美Win网 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信 4

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

                        • avatar 流量营销 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信 2

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

                          • avatar chun 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信 0

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

                            • avatar 灰常记忆 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省嘉兴市 电信 3

                              多用户需要这个~

                              • avatar 微搜网 来自天朝的朋友 谷歌浏览器 Windows 7 北京市 移动 0

                                谢谢分享 欢迎回访

                                • avatar 电信流量不清零 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省宜昌市 移动 4

                                  感谢分享 收藏备用

                                  • avatar vultr优惠码 来自天朝的朋友 火狐浏览器 Windows 10 江苏省南通市 电信 0

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

                                    • avatar kelvin 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信 0

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

                                      • avatar 蜂窝网 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省黄石市 电信 0

                                        好!谢谢分享

                                        • avatar 微西风博客 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省十堰市 电信 0

                                          支持一下,说的好

                                          • avatar 车价表 来自天朝的朋友 谷歌浏览器 Windows 7 湖北省随州市 电信 0

                                            崇尚专注,追求极致。

                                            • avatar 博客导航 来自天朝的朋友 谷歌浏览器 Windows 7 安徽省淮南市 联通 1

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

                                              • avatar 流年 来自天朝的朋友 谷歌浏览器 Windows 10 广东省东莞市 电信 1

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

                                                • avatar 博客导航 来自天朝的朋友 谷歌浏览器 Windows 7 安徽省淮南市 联通 1

                                                  WP是好强大

                                                  • avatar 谷云艺 来自天朝的朋友 火狐浏览器 Windows 7 江西省赣州市南康市 电信 0

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

                                                    • avatar KeithYu 来自天朝的朋友 谷歌浏览器 Windows 7 四川省 广电网 0

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

                                                      • avatar 俄语译客 来自天朝的朋友 QQ浏览器 Windows 7 河北省张家口市 电信 0

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

                                                        • avatar woocommerce中文网 来自天朝的朋友 谷歌浏览器 Windows 10 上海市 移动 1

                                                          来学习一下

                                                          • avatar 谢谢 来自天朝的朋友 谷歌浏览器 Windows 7 天津市 鹏博士长城宽带 0

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