應用名稱:正确填寫您的網站名稱
應用首頁網址:填寫您已建設好并且可以訪問的網址
回調域名白名單:填寫您需要應用的域名
二、下載 wordpress 插件并安裝
進入開發文檔 > 對接插件下載 > 下載wordpress專用插件
進入wordpress後台安裝剛剛所下載的插件,安裝後在插件列表啟用 Clogin Passport 插件
三、填寫插件所需參數
打開彩虹聚合登錄插件,填寫第一步創建完成後的應用數據
接口地址:https://uniqueker.top/
APPID:1036
APPKEY:1197722dc4d4c3ada56c71a7a555e8cd
開啟的登錄方式:(根據需求選擇開啟)
頭像優先級:9999(默認)
自動注冊:建議啟用(意思是如果沒有綁定社交賬戶,則自動注冊新的賬戶)
注:如果啟用自動注冊則在 設置 > 常規 > 成員資格 啟用任何人都可以注冊,并保存更改
四、為登錄頁面添加登錄按鈕
在插件 > 開發文檔; 找到如何輸出第三方登錄列表?
<?php do_action(‘clogin-passport’); ?>
<?php
ob_start();
do_action(‘clogin-passport’);
$codes = ob_get_contents();
ob_end_clean();
?>
複制代碼,進入 \template-parts\home\modal-login.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()) );
?>
複制代碼,進入 \user\action.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>
2.美化個人中心綁定按鈕
<h3><?php _e( 'Social Media Accounts', $this->text_domain ); ?></h3>
更改為
<div class="user-data-title b-b"> <span class="ceo-display-inline-block"><?php _e( 'Social Media Accounts', $this->text_domain ); ?></span> </div>
<th><label><?php _e($this->modules_name[$type], $this->text_domain); ?></label></th>
更改為
button button-primary btn change-color ceo-display-block ceo-position-relative
下圖為小水滴最終修改後的樣式(如果您有更漂亮的設置,也可以反饋給我們展示效果)
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!