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>