WordPress JustNews主题添加第三方自定义登录教程

4.8
(8)

2月末,有人给网站赞助了些money。让我给他网站添加下第三方登录按钮,并且要跟justnews主题适配好。即,给justnews添加一个自定义登录得按钮(微信登录),因为他使用第三方插件实现的微信登录,需要做好适配。

那么,他为什么不直接用justnews自带的微信登录呢,因为需要授权。而第三方微信登录,对方会帮你做好授权。下面,正式开始教程。

WordPress JustNews主题添加第三方自定义登录教程

init.php文件

文件themer/member/init.php给出了主题自带登录方式的实现方法

WordPress JustNews主题添加第三方自定义登录教程

我们找到第1069行,插入如下代码

<li class="social-item social-wechat">
    <a href="https://iymark.com/替换为第三方登录链接" target="_blank" data-toggle="tooltip" data-placement="top" title="" aria-label="微信" data-original-title="微信登录"><i class="wpcom-icon wi"><svg aria-hidden="true">
                <use xlink:href="#wi-wechat"></use>
            </svg></i> </a>
</li>

如上代码即你自己添加的第三方登录按钮。至于图标之类的,请参考阿里云图标添加方法。上述代码中的图标为justnews自带的微信图标。

WordPress JustNews主题添加第三方自定义登录教程

上图中的function social_login()函数即为整个justnews主题自带的社交登录功能函数,即在你的登录页面上的社交登录函数。

而我们的操作就是在主题引入社交登录前面,自己再添加一个<li>标签,实现了第三方登录功能的添加。

WordPress JustNews主题添加第三方自定义登录教程

当然你也可以直接删除整个社交登录的循环,自己单独添加一个第三方登录。不过,需要说明的是,无论如何,你需要在justnews主题设置选项中,随便设置一个登录方式,否则无法显示你添加的登录方式。

login.php文件

文件themer/member/templates/login.php给出了整个登录界面的各个html模块的实现方式,在这里你可以删除你不想要的功能。

WordPress JustNews主题添加第三方自定义登录教程

由于该文件比较简单,这里就不作赘述了。主要用于彻底自定义登录页面使用。

最终效果

当然,最终他提供了第三方插件整个的第三方登录函数,最终更完美的实现了他想要的功能。这里,就不做展示了。因为对方的要求比较另类,应该不是每个人都需要的。

共计8人评分,平均4.8

到目前为止还没有投票~

很抱歉,这篇文章对您没有用!

让我们改善这篇文章!

告诉我们我们如何改善这篇文章?

文章目录

原创文章,作者:古哥,转载需经过作者授权同意,并附上原文链接:https://iymark.com/articles/2543.html

(3)
微信公众号
古哥的头像古哥管理团队
上一篇 2022年04月01日 01:05
下一篇 2022年07月09日 16:14

你可能感兴趣的文章

发表回复

登录后才能评论

评论列表(4条)

  • 电力队长的头像
    电力队长 2022年04月09日 17:02

    微信登录是不是都需要认证的公众号?嘿嘿

    • 古哥的头像
      古哥 2022年04月09日 17:03

      @电力队长是啊,但求助这个人用的是第三方的插件实现的,不需要授权。
      我就没搞微信登录

  • 祥子的头像
    祥子 2022年05月15日 12:55

    justnews 主题自带图标代码在哪里找站长

    微信小程序
    微信公众号