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

知更鸟
知更鸟
知更鸟
1602
文章
6917
评论
2015年9月8日19:04:10 34 8.2K

之前让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后台 → 用户 → 我的个人资料,在个人资料设置页面,会发现下面多出本地头像设置功能。

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

文件下载
将用户本地上传头像功能集成到WordPress主题中
weinxin
版权声明
本站原创文章转载请注明文章出处
禁止WordPress评论存储IP地址 WordPress

禁止WordPress评论存储IP地址

禁止 WordPress 评论存储IP地址 默认WordPress 会在后台存储评论者的IP地址,主要是用于反垃圾评论,比如Akismet之类的插件,会通过IP判断垃圾评论。但IP属于个人隐私,不存储...
让 WordPress 支持 WebP格式图片 WordPress

让 WordPress 支持 WebP格式图片

让WordPress 支持 WebP格式图片 WordPress 默认不支持WebP格式图片上传,将下面代码添加到当前主题函数模板functions.php中,即可解决上传问题。 function w...
分割WordPress导出的XML文件 WordPress

分割WordPress导出的XML文件

用WordPress自带数据备份工具,可以导出xml格式的数据文件,如果导出的XML文件很大,受上传文件大小限制,无法导入时,可以用切割XML工具,将较大的xml文件分割成不同大小的文件,再分别导入。...
匿名

发表评论

匿名网友

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

评论:34   其中:访客  34   博主  0
    • 佛系软件 佛系软件 2

      能不能在前台个人中心添加啊

      • 安逸 安逸 0

        呵呵

        • 穿衣打扮 穿衣打扮 0

          试试才晓得

          • 烟影如画 烟影如画 0

            非常感谢,学到了 :razz:

            • 谢谢 谢谢 0

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

              • woocommerce中文网 woocommerce中文网 1

                来学习一下

                • 俄语译客 俄语译客 0

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

                  • KeithYu KeithYu 0

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

                    • 谷云艺 谷云艺 0

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

                      • 博客导航 博客导航 1

                        WP是好强大

                        • 流年 流年 1

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

                          • 博客导航 博客导航 1

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

                            • 车价表 车价表 0

                              崇尚专注,追求极致。

                              • 微西风博客 微西风博客 1

                                支持一下,说的好

                                • 蜂窝网 蜂窝网 0

                                  好!谢谢分享

                                  • kelvin kelvin 0

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

                                    • vultr优惠码 vultr优惠码 0

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

                                      • 电信流量不清零 电信流量不清零 4

                                        感谢分享 收藏备用

                                        • 微搜网 微搜网 0

                                          谢谢分享 欢迎回访

                                          • 灰常记忆 灰常记忆 4

                                            多用户需要这个~

                                            • chun chun 0

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

                                              • 流量营销 流量营销 2

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

                                                • 美Win网 美Win网 4

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

                                                  • 清风美文 清风美文 2

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

                                                    • lisa2016 lisa2016 0

                                                      谢谢分享

                                                      • 阿里书籍 阿里书籍 5

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

                                                        • 香港虚拟主机 香港虚拟主机 3

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

                                                          • 飞越无限 飞越无限 1

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

                                                            • 黑色理想 黑色理想 2

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

                                                              • 善记事博客 善记事博客 1

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

                                                                • boke112导航 boke112导航 5

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

                                                                  • 寻金笔记 寻金笔记 6

                                                                    沙发,很不错。 :mrgreen: