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

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

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

init.php文件

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

我们找到第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自带的微信图标。

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

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

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

login.php文件

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

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

最终效果

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