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

WordPress348.4K阅读模式

之前让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
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  34  访客  34
    • 寻金笔记
      寻金笔记 6

      沙发,很不错。 :mrgreen:

      • boke112导航
        boke112导航 5

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

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

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

          • 黑色理想
            黑色理想 2

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

            • 飞越无限
              飞越无限 1

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

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

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

                • 阿里书籍
                  阿里书籍 5

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

                  • lisa2016
                    lisa2016 0

                    谢谢分享

                    • 清风美文
                      清风美文 2

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

                      • 美Win网
                        美Win网 4

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

                        • 流量营销
                          流量营销 2

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

                          • chun
                            chun 0

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

                            • 灰常记忆
                              灰常记忆 4

                              多用户需要这个~

                              • 微搜网
                                微搜网 0

                                谢谢分享 欢迎回访

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

                                  感谢分享 收藏备用

                                  • vultr优惠码
                                    vultr优惠码 0

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

                                    • kelvin
                                      kelvin 0

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

                                      • 蜂窝网
                                        蜂窝网 0

                                        好!谢谢分享

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

                                          支持一下,说的好

                                          • 车价表
                                            车价表 0

                                            崇尚专注,追求极致。

                                            • 博客导航
                                              博客导航 1

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

                                              • 流年
                                                流年 1

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

                                                • 博客导航
                                                  博客导航 1

                                                  WP是好强大

                                                  • 谷云艺
                                                    谷云艺 0

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

                                                    • KeithYu
                                                      KeithYu 0

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

                                                      • 俄语译客
                                                        俄语译客 0

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

                                                        • woocommerce中文网
                                                          woocommerce中文网 1

                                                          来学习一下

                                                          • 谢谢
                                                            谢谢 0

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

                                                            • 烟影如画
                                                              烟影如画 0

                                                              非常感谢,学到了 :razz:

                                                              • 穿衣打扮
                                                                穿衣打扮 0

                                                                试试才晓得

                                                                • 安逸
                                                                  安逸 0

                                                                  呵呵

                                                                  • 佛系软件
                                                                    佛系软件 2

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

                                                                  匿名

                                                                  发表评论

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

                                                                  拖动滑块以完成验证