WordPress-riplus日主题 · 意梵聚合登录

<div class="article-body kancloud-markdown-body"><div id="doc-body" data-v-380220c1="" style=""><div id="page\_md\_content" class="page\_content\_main" data-v-380220c1="" style="width: 95%;"><div class="main-editor markdown-body editormd-html-preview" data-v-380220c1="" id="editor-md"><div id="doc-body"><div id="page\_md\_content" class="page\_content\_main" style="width: 95%;"><div id="editor-md" class="main-editor markdown-body editormd-html-preview"><div class="markdown-toc editormd-markdown-toc"><ul class="markdown-toc-list"></ul></div><img tabindex="0" src="https://www.wpsea.cn/wp-content/uploads/2022/10/1665851260-e9b9e1aeb4b5a81.jpg" alt="" style="cursor: zoom-in;"> <h2 id="h2--"><a name="一、意梵官网创建应用" class="reference-link"></a>一、意梵官网创建应用</h2>应用名称：正确填写您的网站名称 应用首页网址：填写您已建设好并且可以访问的网址（如：<a href="https://www.ss349.cn/）" target="\_blank">https://www.ss349.cn/）</a> 回调域名白名单：填写您需要应用的域名（如：www.ss349.cn） <img tabindex="0" src="images/QQ截图20230715193848.png" alt="" style="cursor: zoom-in;"> <h2 id="h2--wordpress-"><a name="二、下载 wordpress 插件并安装" class="reference-link"></a>二、下载 wordpress 插件并安装</h2>进入开发文档 > 对接插件下载 > 下载wordpress专用插件 <img tabindex="0" src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=4d2d4f94e027506e99c7228b258b3343&file=file.png" alt="" style="cursor: zoom-in;"> 进入wordpress后台安装刚刚所下载的插件，安装后在插件列表启用 Clogin Passport 插件 <img tabindex="0" src="https://www.wpsea.cn/wp-content/uploads/2022/10/1665847913-a5d648db8a6de64.jpg" alt="" style="cursor: zoom-in;"> <h2 id="h2--"><a name="三、填写插件所需参数" class="reference-link"></a>三、填写插件所需参数</h2>打开聚合登录插件，填写第一步创建完成后的应用数据 接口地址：<a href="https://www.ss349.cn/" target="\_blank">https://www.ss349.cn/</a> APPID：1089 APPKEY：1348622dc4d4c3ada97c71a7a565x3cd 开启的登录方式：（根据需求选择开启） 头像优先级：9999（默认） 自动注册：建议启用（意思是如果没有绑定社交账户，则自动注册新的账户） 注：如果启用自动注册则在设置 > 常规 > 成员资格启用任何人都可以注册，并保存更改 <img tabindex="0" src="https://www.wpsea.cn/wp-content/uploads/2022/10/1665848123-14e797e45e65358.jpg" alt="" style="cursor: zoom-in;"> <h2 id="h2--"><a name="四、为登录页面添加登录按钮" class="reference-link"></a>四、为登录页面添加登录按钮</h2>在插件 > 开发文档; 找到如何输出第三方登录列表？ <div class="ಠcopy-code-container"><pre>复制复制<code class="lang-php hljs"><div class=”col-lg-12 mt-4 text-center“> <?php do\_action(‘clogin-passport‘); ?> <?php ob\_start(); do\_action(‘clogin-passport‘); $codes = ob\_get\_contents(); ob\_end\_clean(); ?> </div> </code></pre>复制</div> 复制代码，进入 \\riplus\\pages\\login.php 粘贴到如下图示即可（当然你也可以根据自己需求放置其它地方） <img tabindex="0" src="https://www.wpsea.cn/wp-content/uploads/2022/10/1665848867-c0b2ee6418d19ac.jpg" alt="" style="cursor: zoom-in;"> <img tabindex="0" src="https://www.wpsea.cn/wp-content/uploads/2022/10/1665849275-e9b9e1aeb4b5a81.jpg" alt="" style="cursor: zoom-in;"> <h2 id="h2--"><a name="五、为用户个人资料添加自定义绑定按钮" class="reference-link"></a>五、为用户个人资料添加自定义绑定按钮</h2>在插件 > 开发文档; 找到如何调用绑定社交账号的按钮？ <div class="ಠcopy-code-container"><pre>复制复制<code class="lang-php hljs"><?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()) ); ?> </code></pre>复制</div> 复制代码，进入 \\riplus\\pages\\user\\index.php 粘贴到如下图所示即可（当然你也可以根据自己需求放置其它地方） <img tabindex="0" src="https://www.wpsea.cn/wp-content/uploads/2022/10/1665849828-86234e18ed0292c.jpg" alt="" style="cursor: zoom-in;"> <img tabindex="0" src="https://www.wpsea.cn/wp-content/uploads/2022/10/1665849951-6a4f344a743fa10.jpg" alt="" style="cursor: zoom-in;"> <h2 id="h2--"><a name="六、美化“个人中心”绑定按钮页面" class="reference-link"></a>六、美化“个人中心”绑定按钮页面</h2>进入 plugins\\clogin-passport\\clogin-passport.php <h3 id="h3-1-"><a name="1.美化个人中心账号绑定按钮" class="reference-link"></a>1.美化个人中心账号绑定按钮</h3><div class="ಠcopy-code-container"><pre>复制复制<code class="lang-php hljs"><h3><?php \_e( ‘Social Media Accounts’, $this->text\_domain ); ?></h3> </code></pre>复制</div> 更改为（这是“社交媒体账户”文字更改） <div class="ಠcopy-code-container"><pre>复制复制<code class="lang-php hljs"><h5>第三方登录</h5> </code></pre>复制</div> <hr> <div class="ಠcopy-code-container"><pre>复制复制<code class="lang-php hljs"><a class=”button button-primary“ href=”<?php echo $bind\_url; ?>”><?php \_e(‘Bind Now‘, $this->text\_domain); ?></a> </code></pre>复制</div> 更改为（这是“立即绑定”文字变按钮更改） <div class="ಠcopy-code-container"><pre>复制复制<code class="lang-php hljs"><a class=”btn btn-primary mb-2 ml-2” href=”<?php echo $bind\_url; ?>”><?php \_e(‘Bind Now‘, $this->text\_domain); ?></a> </code></pre>复制</div> <hr> <div class="ಠcopy-code-container"><pre>复制复制<code class="lang-php hljs"><a class=”button“ href=”<?php echo $bind\_url; ?>” title=”<?php echo $openid; ?>”><?php \_e(‘Rebind‘, $this->text\_domain); ?></a> </code></pre>复制</div> 更改为（这是“重新绑定”文字变按钮更改） <div class="ಠcopy-code-container"><pre>复制复制<code class="lang-php hljs"><a class=”btn btn-primary mb-2 ml-2” href=”<?php echo $bind\_url; ?>” title=”<?php echo $openid; ?>”><?php \_e(‘Rebind‘, $this->text\_domain); ?></a> </code></pre>复制</div> 通过以上步骤教程更改后，我们来看看最终改变美化效果吧 <img tabindex="0" src="https://www.wpsea.cn/wp-content/uploads/2022/10/1665851113-e9b9e1aeb4b5a81.jpg" alt="" style="cursor: zoom-in;"> </div></div></div></div></div></div></div>