用戶中心設(shè)置

溫馨提示

用戶中心功能自Themer框架 2.7.0版本開始封裝為獨(dú)立的插件，獨(dú)立后的用戶中心插件可在第三方主題使用，用戶也可按需安裝插件，減少主題代碼量。

用戶中心功能為WPCOM團(tuán)隊(duì)自主研發(fā)的功能模塊，可實(shí)現(xiàn)網(wǎng)站前端用戶注冊、用戶登錄、找回密碼、賬號設(shè)置、個(gè)人中心、社交登錄（微信、QQ、微博）、用戶列表、用戶分組、用戶權(quán)限、注冊審核、郵件激活、前端頭像上傳裁剪、用戶封面圖片上傳、WooCommerce兼容、表單滑動(dòng)驗(yàn)證、AJAX交互等強(qiáng)大功能。

功能優(yōu)勢

用戶中心模塊早期是基于第三方插件實(shí)現(xiàn)，后來自主開發(fā)集成到Themer框架為自帶模塊，隨著功能的完善以及業(yè)務(wù)需求近期已經(jīng)拆分封裝成獨(dú)立的用戶中心插件了，目前我們的用戶中心插件具有以下優(yōu)勢：

設(shè)置教程

1. 功能開啟

先激活主題，再進(jìn)入后臺主題設(shè)置>安裝插件（如果沒有找到可能已經(jīng)安裝并啟用了插件，可跳過此步驟），找到WPCOM用戶中心插件安裝并啟用。

啟用成功相關(guān)設(shè)置選項(xiàng)可以進(jìn)入主題設(shè)置>用戶中心里面完成；如果有安裝用戶中心高級版插件，則是在后臺用戶中心里面。

如果允許用戶注冊，需要檢查WordPress后臺設(shè)置>常規(guī)里面的成員資格是否開啟允許注冊，否則注冊頁面會提示未開放注冊。

2. 常用頁面配置

進(jìn)入主題設(shè)置>用戶中心（第三方主題或者用戶中心高級版是用戶中心）配置用戶中心功能常用的頁面，目前需要用到的頁面和對應(yīng)的shortcode（短代碼/簡碼/短碼）為：

注意事項(xiàng)

常用頁面的別名（如果設(shè)置了固定鏈接的話別名會顯示在鏈接地址里面）建議不要有中文，否則在有二級頁面的情況下可能會出現(xiàn)404錯(cuò)誤。

添加方法

進(jìn)入后臺頁面，點(diǎn)擊新建頁面（如果是已經(jīng)導(dǎo)入演示數(shù)據(jù)的用戶可以先看下頁面列表里面是否已經(jīng)導(dǎo)入了對應(yīng)的頁面，有的話則可以直接點(diǎn)擊編輯頁面檢查shortcode是否正確即可）。

溫馨提示

添加的shortcode代碼中的引號需要是英文輸入狀態(tài)下的引號（即半角字符）。

區(qū)塊編輯器添加方法：

使用自定義HTML或者簡碼區(qū)塊添加，如果找不到可以搜索，如圖：

區(qū)塊編輯器短代碼添加

然后輸入shortcode代碼，如圖：

區(qū)塊編輯器短代碼添加

舊版編輯器添加方法：

用戶中心常用頁面配置

添加shortcode的時(shí)候建議將編輯器切換到文本模式下，如上圖所示。

按此方式依次添加用戶中心功能常用的頁面。

推薦：注冊、登錄、找回密碼、賬號設(shè)置等頁面如果不希望顯示邊欄，想實(shí)現(xiàn)演示站的全寬效果，可在頁面編輯里面將設(shè)置選項(xiàng)>頁面設(shè)置>頁面邊欄選擇不顯示邊欄即可。

將頁面配置到用戶中心

添加好頁面后，可前往主題設(shè)置>用戶中心>頁面設(shè)置，依次設(shè)置好上面添加的頁面，然后保存主題設(shè)置。

用戶中心常用頁面配置

3. 用戶分組（企業(yè)主題無此功能）

新建和編輯用戶分組

啟用用戶中心功能后可在后臺用戶>用戶分組下新建和編輯用戶分組，目前可對用戶分組設(shè)置分組內(nèi)用戶的系統(tǒng)角色、后臺訪問權(quán)限、前端工具條等。

默認(rèn)用戶分組設(shè)置

默認(rèn)用戶分組可在主題設(shè)置>用戶中心頁面設(shè)置默認(rèn)分組。建議設(shè)置默認(rèn)分組，可用于新注冊用戶權(quán)限分配。

修改用戶的分組

批量修改：進(jìn)入用戶>所有用戶，勾選需要批量修改的用戶，然后通過批量修改工具修改，如圖：

用戶中心用戶分組修改

單獨(dú)修改：如需單獨(dú)修改某個(gè)用戶的分組，可以進(jìn)入用戶>所有用戶，編輯某個(gè)用戶的資料，進(jìn)入用戶的資料編輯頁面，找到用戶分組選項(xiàng)，選擇要修改的用戶分組，如圖：

用戶中心用戶分組修改

4. 手機(jī)注冊

功能開啟

進(jìn)入主題設(shè)置>用戶中心>手機(jī)注冊，打開開啟手機(jī)注冊選項(xiàng)，保存主題設(shè)置。

短信接口設(shè)置

主題支持手機(jī)注冊和手機(jī)快捷登錄，其中會涉及到短信驗(yàn)證碼的發(fā)送，目前可支持騰訊云短信和阿里云短信服務(wù)接口，用戶可根據(jù)自己需要選擇。

騰訊云短信接口設(shè)置

騰訊云短信服務(wù)申請地址：https://cloud.tencent.com/product/sms

申請免費(fèi)使用按鈕免費(fèi)開通短信服務(wù)后進(jìn)入后臺管理頁面，從左側(cè)菜單進(jìn)入應(yīng)用列表，點(diǎn)擊創(chuàng)建應(yīng)用，創(chuàng)建好應(yīng)用后進(jìn)入這個(gè)應(yīng)用，可以看到SDK AppID和App Key，將這兩個(gè)填入網(wǎng)站后臺主題設(shè)置>用戶中心>騰訊云短信接口里面對應(yīng)選項(xiàng)（如果沒有的話，需要先開啟手機(jī)注冊，并將短信接口選擇騰訊云），如圖：

騰訊云短信接口

然后回到騰訊云之前的界面，進(jìn)入國內(nèi)短信>短信內(nèi)容配置，分別申請短信簽名和短信正文（短信正文有兩個(gè)參數(shù)，分別是{1}：驗(yàn)證碼，{2}：驗(yàn)證碼有效分鐘數(shù)，例如演示站使用的短信正文模板為：您的驗(yàn)證碼為：{1}，該驗(yàn)證碼{2}分鐘內(nèi)有效，請勿泄漏于他人！），然后等待審核，如圖：

騰訊云短信接口

如果審核通過后，復(fù)制短信簽名的內(nèi)容（注意，是簽名內(nèi)容，不是ID）到網(wǎng)站主題設(shè)置>用戶中心>騰訊云短信接口>短信簽名選項(xiàng)，同理，設(shè)置好短信模板ID（不過這里就是短信正文的ID，不是內(nèi)容，請看清填寫）。

阿里云短信接口設(shè)置

阿里云短信服務(wù)申請地址：https://www.aliyun.com/product/sms

AccessKey設(shè)置：進(jìn)入阿里云后臺控制臺，將鼠標(biāo)移到頁面右上角的頭像上，然后在下拉菜單里面找到AccessKey 管理，分別獲取AccessKey ID和Access Key Secret，然后分別填入網(wǎng)站后臺主題設(shè)置>用戶中心>手機(jī)注冊>阿里云短信接口下的對應(yīng)選項(xiàng)（如果沒有的話，需要先開啟手機(jī)注冊，并將短信接口選擇阿里云）。

通過上面給的阿里云短信服務(wù)申請地址，進(jìn)入短信服務(wù)管理控制臺，再進(jìn)入國內(nèi)消息，分別申請一個(gè)短信簽名和短信模板，其中需要注意的是短信模板里面需要有一個(gè)驗(yàn)證碼的變量${code}，發(fā)送短信的時(shí)候會自動(dòng)替換成驗(yàn)證碼，同時(shí)建議在模板里面說明下驗(yàn)證碼的有效時(shí)間，目前是10分鐘，如圖：

阿里云短信接口

申請好短信簽名和短信模板并審核通過后，將短信簽名名稱和短信模板CODE（注意這里需要填寫的是模板CODE）分別填寫到主題設(shè)置>用戶中心>手機(jī)注冊>阿里云短信接口下的對應(yīng)選項(xiàng)即可。

5. 社交登錄

功能開啟

進(jìn)入主題設(shè)置>用戶中心>社交登錄，打開開啟社交登錄選項(xiàng)，保存主題設(shè)置。

設(shè)置社交綁定頁面

社交綁定頁面是一個(gè)單獨(dú)的頁面，不能直接使用注冊或者登錄頁面。

新建頁面：進(jìn)入后臺頁面，選擇新建頁面，頁面標(biāo)題可以為第三方賬號登錄（也可以自己定），內(nèi)容里面添加[wpcom-social-login]，建議切換到文本模式下添加，如圖：

用戶中心社交登錄

設(shè)置頁面：主題設(shè)置>用戶中心>社交登錄選項(xiàng)下的社交綁定頁面，選擇剛新建的頁面，保存主題設(shè)置。

這個(gè)頁面是用于登錄后的賬號綁定操作，并不能直接訪問，直接訪問會出現(xiàn)第三方賬號返回參數(shù)錯(cuò)誤的提示，這是正常的。

接口申請和設(shè)置

社交登錄功能必須要有接口權(quán)限才能使用，您可以進(jìn)入主題設(shè)置>用戶中心>社交登錄，點(diǎn)擊添加登錄方式來增加登錄接口，具體接口申請和設(shè)置可以參考：

QQ 新浪微博 微信 Github Google Facebook Twitter
查看文檔 查看文檔 查看文檔 查看文檔 查看文檔 查看文檔 申請困難，暫未整理

Twitter接口說明

由于Twitter對于開發(fā)者賬號審核較嚴(yán)格，幾乎很難通過，所以暫未整理，如果沒有已經(jīng)認(rèn)證過的開發(fā)者賬號建議可以放棄。

關(guān)于微信登錄

溫馨提示

微信登錄需要企業(yè)資質(zhì)并認(rèn)證后才可使用。

其中微信公眾號平臺登錄接口需要是認(rèn)證服務(wù)號，個(gè)人號、訂閱號、未認(rèn)證公眾號請參考這個(gè)教程：http://www.air-home.cn/help/281.html

微信登錄區(qū)分微信開放平臺和微信公眾號平臺，兩者是不一樣的:

所以條件允許的情況下一般是建議同時(shí)申請并配置兩個(gè)平臺的微信登錄接口，這樣用戶中心在注冊登錄頁會自動(dòng)檢測并調(diào)用合適的接口；針對僅配置一個(gè)接口的情況也進(jìn)行了降級適配處理：

溫馨提示

如果同時(shí)配置了兩個(gè)登錄接口，默認(rèn)情況下微信會生成兩套不同的openid，也就是兩個(gè)登錄接口登錄后用戶不互通，所以為了兩個(gè)平臺賬號的互通與同步，建議您在開放平臺后臺綁定您的公眾號，實(shí)現(xiàn)兩平臺數(shù)據(jù)統(tǒng)一，具體參考這個(gè)教程【微信登錄數(shù)據(jù)同步】部分說明。

6. 其他設(shè)置

表單安全驗(yàn)證

主題對注冊、登錄、找回密碼等表單提交有安全驗(yàn)證功能，可防止惡意撞庫攻擊、機(jī)器人批量注冊。目前主題集成了阿里云驗(yàn)證碼、騰訊云驗(yàn)證碼、hCaptcha和Google reCAPTCHA四種安全驗(yàn)證方式可供選擇配置，選擇方式：主題設(shè)置>用戶中心>人機(jī)驗(yàn)證方式。

阿里云驗(yàn)證碼（2.0）

阿里云全新驗(yàn)證碼2.0產(chǎn)品，開通和接入可以點(diǎn)擊此處參考官方文檔。

用戶中心功能已經(jīng)做了技術(shù)集成相關(guān)的開發(fā)工作，我們只需要配置幾個(gè)選項(xiàng)即可完成功能的開啟：

1.功能開啟

主題設(shè)置>用戶中心>人機(jī)驗(yàn)證方式選項(xiàng)選擇阿里云驗(yàn)證碼2.0。

2.配置身份標(biāo)選項(xiàng)

結(jié)合上面的官方參考文檔進(jìn)入 驗(yàn)證碼2.0控制臺。

如果沒有開通購買服務(wù)的話先開通購買，再進(jìn)入概覽頁面實(shí)例基本信息卡片區(qū)域，獲取右側(cè)的身份標(biāo)：

阿里云驗(yàn)證碼（2.0）

3.配置場景ID選項(xiàng)

進(jìn)入控制臺場景管理頁面，如果沒有場景則點(diǎn)擊新建場景，客戶端類型可以選擇Web或者H5，其他選項(xiàng)根據(jù)自身需求設(shè)置即可，然后獲取到場景ID：

阿里云驗(yàn)證碼（2.0）

4.配置 AccessKey ID 和 AccessKey Secret 選項(xiàng)

在阿里云后臺右上角鼠標(biāo)移到頭像上，再點(diǎn)擊AccessKey 管理進(jìn)入獲取。

如果使用子用戶創(chuàng)建的AccessKey，請確認(rèn)對應(yīng)子用戶的權(quán)限是否有驗(yàn)證碼產(chǎn)品的操作權(quán)限，如果沒有的話需要在自用戶的權(quán)限管理里面添加AliyunYundunAFSFullAccess的權(quán)限策略。

阿里云驗(yàn)證碼（舊版1.0，目前推薦使用2.0版本）

滑動(dòng)驗(yàn)證功能基于阿里云驗(yàn)證碼（1.0）驗(yàn)證接口，使用前需要進(jìn)行接口申請。申請方式如下： 進(jìn)入阿里云后臺產(chǎn)品與服務(wù)>安全>驗(yàn)證碼，如果找不到可以直接搜索，如圖：

阿里云驗(yàn)證碼

進(jìn)入后點(diǎn)擊新增配置進(jìn)入接口配置頁面。頁面中的應(yīng)用類型選擇網(wǎng)頁，驗(yàn)證方式選擇滑動(dòng)驗(yàn)證，其他選項(xiàng)可根據(jù)您的實(shí)際情況選擇即可。后面直接下一步或者提交即可，按此方式重復(fù)新建使用場景為注冊和登錄的兩個(gè)配置，另外考慮到兼容手機(jī)端需要再建兩個(gè)應(yīng)用類型為移動(dòng)端WAP/HTML5的配置。

新建好配置后回到人機(jī)驗(yàn)證列表，可以看到新建的配置，復(fù)制其中的appkey（多個(gè)配置的appkey是相同的），然后進(jìn)入網(wǎng)站后臺主題設(shè)置>用戶中心>阿里云人機(jī)驗(yàn)證，將復(fù)制的appkey填入appkey選項(xiàng)。

主題設(shè)置>用戶中心>阿里云人機(jī)驗(yàn)證選項(xiàng)下還有另外兩個(gè)選項(xiàng)：Access Key ID和Access Key Secret，他們的獲取方法：進(jìn)入阿里云后臺，將鼠標(biāo)移到右上角頭像上，再點(diǎn)擊AccessKey 管理進(jìn)入即可獲取。

騰訊云驗(yàn)證碼

騰訊云驗(yàn)證碼申請地址可以點(diǎn)擊此處，注冊登錄后在控制臺點(diǎn)擊新建驗(yàn)證，驗(yàn)證場景選擇賬號場景，建好后點(diǎn)擊查看詳情，進(jìn)入基礎(chǔ)配置，獲取App ID和App Secret Key，如圖：

騰訊云驗(yàn)證碼 騰訊云驗(yàn)證碼

然后將獲取到的App ID和App Secret Key填入網(wǎng)站后臺主題設(shè)置>用戶中心>騰訊云驗(yàn)證碼/防水墻選項(xiàng)。

hCaptcha

hCaptcha適合國內(nèi)外都有訪問需求的網(wǎng)站，全球都可以正常訪問，并且還免費(fèi)。

申請地址：https://hcaptcha.com/?r=297b29f2b398

Google reCAPTCHA

Google reCAPTCHA 適合境外針對，目前國內(nèi)網(wǎng)絡(luò)無法正常加載。

Google reCAPTCHA 申請地址：https://developers.google.com/recaptcha

用戶列表

用戶中心內(nèi)置用戶列表功能，可通過shortcode調(diào)用，例如JustNews主題演示頁面：http://demo.wpcom.cn/justnews/members

添加方法： 用戶列表是通過shortcode調(diào)用的，shortcode為：[wpcom-member type="userlist"]，直接在頁面添加即可。

用戶列表shortcode可支持更多參數(shù)的設(shè)置：

例如獲取分組ID為1的用戶，根據(jù)用戶ID倒序排序，則可以使用：

[wpcom-member type="userlist" group="1" orderby="ID" order="DESC"]

郵件功能

用戶中心在用戶注冊、找回密碼等場景會有郵件發(fā)送的需求，而郵件功能需要服務(wù)器的支持，不過目前很多服務(wù)器都被禁用了郵件發(fā)送端口（25端口），例如阿里云、騰訊云，比較推薦的方法是使用SMTP，可以參考：http://www.air-home.cn/tutorial/119.html

更多常見問題

關(guān)于用戶中心的更多問題，可以查看：http://www.air-home.cn/help/143.html