WordPress如何接入微信登录,QQ登录,微博登录等等,下面详细介绍一下,首先说明一下,该插件免费,api接口免费,一切收费都是骗人的
第一步:安装一个WordPress网站(忽略);
第二步:下载插件https://juhedenglu.cn/down.php 2023.8.28日后更新的,请直接使用FTP工具删除插件目录openlogin,因为新插件目录重新命名为juhedneglu,删除旧版插件以及目录不影响数据库里面的绑定关系
第三步:上传插件,后台选择 插件>安装插件>上传插件>启用插件
第四步:设置插件,仪表盘菜单选择 聚合登录 进行必要的设置,申请API地址 https://juhedenglu.cn(注册账号必须通过这个域名进行注册,注册后,数据实时同步至国内,注册后可登录国内聚合登录https://baoxian18.com 畅想全球2800+节点带来的急速体验)
需要填写 APPID 和 APPKEY 以及开启您想使用的登录方式 ,头像优先级选择默认,自动注册请勾选,不勾选新用户无法直接登录,WordPress默认主题无需修改代码即可实现登录框和后台个人中心的小部件加载
由于WordPress主题较多,极少人使用自带的登录以及会员中心,我们也为您准备了一下代码,只需要添加到你模板对应的位置即可
如何输出头像?
<?php get_avatar($id_or_email, $size, $default, $alt, $args); ?>
如何获取头像图片的URL?
<?php get_user_meta($user->ID, 'clogin_passport_avatar', true); ?>
如何更换头像图片?
<?php update_user_meta($user->ID, 'clogin_passport_avatar', $image_url); ?>
如何输出第三方登录列表?
<?php do_action('clogin-passport'); ?>
<?php
ob_start();
do_action('clogin-passport');
$codes = ob_get_contents();
ob_end_clean();
?>
如何调用绑定社交账号的按钮?
<?php
if (!function_exists('get_user_to_edit')) include(ABSPATH . '/wp-admin/includes/user.php');
do_action( 'binding_social_media_account', get_user_to_edit(get_current_user_id()) );
?>
本站使用的日主题V2,下面介绍如何修改代码
多种方法添加登录按钮,下面详细讲解一下代码如何添加
第一种是完全使用我们的登录接口
首先打开文件 /wp-content/themes/ripro-v2/template-parts/global/login-form.php
拉到底,大约在第131行,不同的版本可能存在略微的差别,添加输出第三方登录列表
<?php do_action('clogin-passport'); ?>
<?php
ob_start();
do_action('clogin-passport');
$codes = ob_get_contents();
ob_end_clean();
?>
前端效果图如下
第二种:使用V2官方按钮样式需要修改登录模板代码,使用QQ,微信,微博登录,聚合登录插件后台需要开启相应的登录权限,日主题后台要开启任意开放平台登录,无需填写账号信息,直接下载替换原文件/wp-content/themes/ripro-v2/template-parts/global/login-sns.php保存即可 演示站点 https://xxzs.cn
下载地址 完美替换login-sns.php 官方原版备份login-sns.php
第三种 使用V2登录按钮风格,仅仅使用我们的微信登录,只需要单独添加一个微信登录按钮即可,QQ和微博个人用户申请门槛低,就差一个微信,可用使用下面代码实现
首先打开V2主题,注册登录,启用QQ登录,启用微信登录(无需填写资料),启用微博登录,然后找到登录模板wp-content/themes/ripro-v2/template-parts/global/login-sns.php
添加代码麻烦,怕出错,直接下载文件覆盖即可
下载地址 修改好的替换文件login-sns微信登录 官方原版备份login-sns.php
在第30行 echo '</ul>';添加以下代码,代码添加到 </ul> 前面 推荐下载源文件覆盖顺便留一个备份。
<li class="list-inline-item"><a href="../index.php/wp-json/clogin-passport/login/wx?rurl=' . $current_url . '" class="btn btn-sm btn-outline-success oauth-btn "><i class="fa fa-weixin mr-1" title="微信登录"></i>微信</a></li>
保存文件,即可实现单独添加一个微信登录按钮到登录页面,效果图如下,能够实现微信登录后返回到登录前页面。
添加代码麻烦,怕出错,直接下载文件覆盖即可
下载地址 修改好的替换文件login-sns微信登录 官方原版备份login-sns.php
常见问题,如果登录页面出现404错误,固定链接不得设置为朴素,伪静态规则使用宝塔后台WordPress默认规则,即可解决问题。
对接完成。如果使用了van子主题,请直接在子主题里面开启聚合登录,填写我们的api参数即可。
下面介绍子比主题对接方法
仅支持子比主题6.8+正版用户使用我们的聚合,已经集成聚合登录,填写接口地址 https://open.yuucn.com/ 、appid和appkey即可
购买地址: https://www.zibll.com/pay-zibll
设置视频:https://pan.yuucn.com/view.php/ddf7f42463de71d387004452bb50fa1f.mp4
支持微信、QQ、支付宝、微博、百度、小米、华为、谷歌等等直接登录您的网站,新用户自动注册并登录,老用户直接登录
Z-blog 主题 LayCenter
有钱的去应用中心下载,觉得贵那就只能下载一个开心版的啦,我们的登录接口是通用标准,正版,开心版都能正常使用。
破解版下载 登录插件下载 演示地址 关于视频制作,小编第一次使用zblog,对系统整体不是很熟悉,登录入口在哪里都要找半天,我都能整明白,你肯定行。
注意事项:
首先上传压缩包中的“LayCenter.zba”文件,并启用,然后在上传“LayCenter 用户中心.zba”启用,进行配置插件,并启动插件服务。
如果启用时提示“授权文件非法”、“未登录应用中心客户端”等错误则使用备用方案:
将插件管理中的“应用中心客户端”禁用即可正常启用,之后可恢复该插件状态,或者先安装插件“再启用应用”。
Z-blog 主题 YtUser
需要先安装YtUser插件,然后上传到 /zb_users/plugin/YtUser 目录解压覆盖,在后台填写QQ登录的appid和appkey.
总裁主题ceomax 接入聚合登录代码
相关模板如下,在模板里面添加聚合登录按钮
<?php do_action('clogin-passport'); ?> <?php ob_start(); do_action('clogin-passport'); $codes = ob_get_contents(); ob_end_clean(); ?>
先修改顶部弹窗登录模板,打开文件/wp-content/themes/ceomax/template-parts/home/modal-login.php
搜索
<button class="submit change-color b-r-4 button mid dark ceo-button ceo-width-1-1">立即登录</button>
立即登录下方添加登录按钮相关代码,大约在36行下面添加
您也可以新增样式,让登录按钮居中,更加协调,代码如下,双击可全选代码,复制即可
<div style="text-align: center !important;"><?php do_action('clogin-passport'); ?><?php ob_start();do_action('clogin-passport'); $codes = ob_get_contents();ob_end_clean();?></div>
另外2处登录模板的代码和这个差不多,自己在想要的地方直接添加即可
登录框上方的登录按钮为主题自带的第三方登录按钮
立即登录按钮下方的一排是聚合登录提供的登录按钮
不建议同时开启,同一个QQ使用不同的登录方式,会以2个新用户的身份自动注册账号,所以只选择一个即可
今天看了看这个教程,是很久很久之前发布的,随着插件升级,主题升级,该教程可能不再适合使用了,可供参考