最终效果
一、优麦兔聚合登录官网创建应用
应用名称：正确填写您的网站名称
应用首页网址：填写您已建设好并且可以访问的网址（如：https://id.umto.cn/）
回调域名白名单：填写您需要应用的域名（如：id.umto.cn）
四、为登录页面添加登录按钮
网站后台 网站快捷登录 插件 > 开发文档 > 如何输出第三方登录列表（代码如下）
输出第三方登录列表
<?php do_action('clogin-passport'); ?>
<?php
ob_start();
do_action('clogin-passport');
$codes = ob_get_contents();
ob_end_clean();
?>
复制代码，进入 ripro-v2\template-parts\global\login-form.php
粘贴到”注册新用户”下面即可（当然你也可以根据自己需求放置其它地方），如下图：
五、为用户个人资料添加自定义绑定按钮
网站后台 网站快捷登录 插件 > 开发文档 > 如何调用绑定社交账号的按钮（代码如下）
调用绑定社交账号的按钮
<?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()) );
?>
复制代码，进入 ripro-v2\pages\user\bind.php
粘贴到”绑定第三方登录您可以快速登录账号”下面即可（当然你也可以根据自己需求放置其它地方），如下图：
六、美化登录页面和绑定按钮页面
打开网站文件 plugins\clogin-passport\clogin-passport.php
1.美化登录页面按钮
<p class="third-party-login-label"><label><?php _e('Third-Party Login', $this->text_domain); ?></label></p>
更改为
<br> <div class="social-text"> <hr class="text-300"> <div class="absolute-centered px-3">社交登录</div> </div>
打开网站文件 plugins\clogin-passport\clogin-passport.php
2.美化个人中心账号绑定按钮
删除“社交媒体账户”代码
<span class="ceo-display-inline-block"><?php _e( 'Social Media Accounts', $this->text_domain ); ?></span>
删除上面这行代码为“社交媒体账户”（因为重复显示会很不美观，小水滴选择删除去掉插件的“社交媒体账户显示”）
下图为小水滴最终修改后的样式（如果您有更漂亮的设置，也可以反馈给我们展示效果）
常见问题
登录无权限401报错？
来自于一位日主题用户反馈自排查（明确表示：已正确安装插件，已正确填写插件所需信息，已正确添加快捷登录代码）
点击登录图标出现上图所示。
解决方案：进入wordpress后台 > 主题设置 > WP优化 > 关闭网站REST API接口（检查是否关闭）
主办单位
川公网安备 51010702002432号
网上有害信息举报专区
品牌信用认证
