justnews调用第三方自定义登录接口

想给博客增加微信登录，不过微信登录需要使用开发者账号才能使用，所以只能使用使用第三方的微信登录接口，这里我用的是QuickAuthLogin-WP插件，具体下载和设置方法参考：https://blog.wixy.cn/archives/30.html#comment-144，

插件设置完毕后，在主题设置-用户中心-开启社交登录，先添加一个登录方式（我这里添加的是GitHub,，比较容易获取ID和key），否则后面添加上代码不会显示微信图标。

修改登录界面在第三方登录，文件/wp-content/themes/justnews/themer/member/init.php，找到第1071行

if( $socials ){ ?>  
<ul class="member-social-list">

在此之后添加代码

<li class="social-item social-wechat" >
    <a href="javascript:;" onclick="openLogin();" 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>

保存，到前台刷新登录，即可看到效果。

QuickAuthLogin-WP官方也给出一个添加按钮的代码，这个效果效果不太好看，仅供参考。

<button onclick="openLogin();">微信登陆</button>

如果有其他第三方账户接口调用可参考下面的代码，注意替换图标。

<li class="social-item social-wechat">
    <a href="https://avue.cn/替换为第三方登录链接" 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>

官方接口申请和设置文档

QQ	新浪微博	微信	Github	Google	Facebook	Twitter
查看文档	查看文档	查看文档	查看文档	查看文档	查看文档	申请困难，暂未整理