## 一、意梵聚合登錄創建應用
應用名稱:正確填寫您的網站名稱
應用首頁網址:填寫您已建設好并且可以訪問的網址(如:([https://www.ss349.cn/](https://www.ss349.cn/))
回調域名白名單:填寫您需要應用的域名(如:www.ss349.cn)

## 二、下載 wordpress 插件并安裝
進入開發文檔 > 對接插件下載 > 下載wordpress專用插件

進入wordpress后臺安裝剛剛所下載的插件,安裝后在插件列表啟用 Clogin Passport 插件

## 三、填寫插件所需參數
打開聚合登錄插件,填寫第一步創建完成后的應用數據
接口地址:[https://www.ss349.cn/](https://www.ss349.cn/)
APPID:1036
APPKEY:1197722dc4d4c3ada56c71a7a555e8cd
開啟的登錄方式:(根據需求選擇開啟)
頭像優先級:9999(默認)
自動注冊:建議啟用(意思是如果沒有綁定社交賬戶,則自動注冊新的賬戶)
注:如果啟用自動注冊則在 設置 > 常規 > 成員資格 啟用任何人都可以注冊,并保存更改

## 四、為登錄頁面添加登錄按鈕
在插件 > 開發文檔; 找到如何輸出第三方登錄列表?
~~~
<?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>
~~~


### 2.美化個人中心賬號綁定按鈕
~~~
<span class="ceo-display-inline-block"><?php _e( 'Social Media Accounts', $this->text_domain ); ?></span>
~~~
刪除上面這行代碼為“社交媒體賬戶”(因為重復顯示會很不美觀,小水滴選擇刪除去掉插件的“社交媒體賬戶顯示”)
下圖為小水滴最終修改后的樣式(如果您有更漂亮的設置,也可以反饋給我們展示效果)
