tft每日頭條

 > 圖文

 > CeoMax總裁主題-如何對接QQ

CeoMax總裁主題-如何對接QQ

圖文 更新时间:2024-07-30 06:13:46
一、水滴官網創建應用

應用名稱:正确填寫您的網站名稱
應用首頁網址:填寫您已建設好并且可以訪問的網址
回調域名白名單:填寫您需要應用的域名

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)1

二、下載 wordpress 插件并安裝

進入開發文檔 > 對接插件下載 > 下載wordpress專用插件

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)2

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

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)3

三、填寫插件所需參數

打開彩虹聚合登錄插件,填寫第一步創建完成後的應用數據

接口地址:https://uniqueker.top/
APPID:1036
APPKEY:1197722dc4d4c3ada56c71a7a555e8cd
開啟的登錄方式:(根據需求選擇開啟)
頭像優先級:9999(默認)
自動注冊:建議啟用(意思是如果沒有綁定社交賬戶,則自動注冊新的賬戶)

注:如果啟用自動注冊則在 設置 > 常規 > 成員資格 啟用任何人都可以注冊,并保存更改

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)4

四、為登錄頁面添加登錄按鈕

在插件 > 開發文檔; 找到如何輸出第三方登錄列表?

<?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
粘貼到下面歡迎來到下面即可(當然你也可以根據自己需求放置其它地方),如下圖:

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)5

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)6

五、為用戶個人資料添加自定義綁定按鈕

在插件 > 開發文檔; 找到如何調用綁定社交賬号的按鈕?

<?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
粘貼到下面郵箱下面即可(當然你也可以根據自己需求放置其它地方),如下圖:

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)7

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)8

六、美化登錄頁面和綁定按鈕頁面

進入 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>

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)9

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)10

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>

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)11

<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

下圖為小水滴最終修改後的樣式(如果您有更漂亮的設置,也可以反饋給我們展示效果)

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)12

CeoMax總裁主題-如何對接QQ(CeoMax總裁主題-如何對接QQ)13

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved