如何自定義您的 WordPress 登錄和註冊頁面？（帶視頻）

已發表: 2021-03-18

最後更新 - 2021 年 10 月 13 日

註冊和登錄網站應該輕而易舉。儘管默認的 WordPress 登錄和註冊頁面很小，但它很可能與您網站的美感不符。它也沒有信心地歡迎用戶。

因此，如果您希望網站的默認登錄頁面看起來更專業，這裡是我們自定義登錄和註冊頁面的指南。

Profile Builder 、 Ultimate Member和User Registration等插件非常適合自定義 WordPress 登錄和註冊頁面。我們將使用 WP Everest 的用戶註冊插件。

在開始之前，請確保您的 WordPress 網站已啟用註冊功能。前往設置>常規設置。 在這裡，啟用“任何人都可以註冊”選項。此外，為新用戶選擇默認角色。最好將其設置為訂閱者。完成後保存更改。

接下來，從 WordPress 存儲庫安裝用戶註冊插件。激活它後，您將看到自動添加新用戶註冊頁面的提示，例如註冊和我的帳戶。單擊“安裝用戶註冊頁面”。

兩個新頁面已添加到我們的網站，並將自動添加到菜單中。但是，我們的新登錄和註冊頁面採用簡單直接的方法，但我們可以輕鬆更改字段和其他設置。

前往用戶註冊 > 設置。 在這裡，我們可以選擇訪客註冊後會發生什麼；您可以讓訪問者在註冊後手動登錄，您可以讓他們在登錄前確認他們的電子郵件，您可以讓他們在註冊後立即訪問他們的帳戶，或者您可以在訪問者能夠之前要求您或其他管理員的批准登錄。選擇對您的網站有意義的選項。

下面，您可以阻止對您網站上某些用戶角色的 WordPress 儀表板訪問。使用下一個選項，您可以啟用隱藏和顯示密碼按鈕。默認情況下，出於安全目的，訪問者看不到密碼。但是，您可以添加一個按鈕，讓他們在鍵入時看到密碼。

在下方，您可以管理“我的帳戶”部分的其他設置。完成後單擊保存更改。

然後，切換到登錄選項。

在第一個設置中，您可以從登錄表單的各種外觀中進行選擇。下面，您可以啟用或禁用記住我和丟失密碼選項、隱藏字段標籤以及啟用 Google reCaptcha。

您還可以將新用戶從登錄頁面重定向到註冊頁面。前往註冊頁面並複制其 URL。然後將其粘貼到註冊 URL 字段中。

設置頁面還允許您自定義登錄頁面的標籤、佔位符和消息。

在前端消息部分，您可以選擇訪問者在註冊和登錄時看到的各種成功和錯誤消息的文本。

當您在此處更改成功註冊消息時，任何註冊的人都會看到新消息。

在集成選項卡中，您可以輸入 Google reCaptcha 詳細信息以在您的登錄和註冊頁面上啟用 reCaptcha，以減少垃圾郵件帳戶。您可以閱讀我們的文章，了解在您的網站上啟用 reCaptcha的過程。

在電子郵件部分，您會看到該插件已創建用戶將收到的電子郵件通知。您可以禁用這些電子郵件，也可以根據自己的喜好編輯其電子郵件主題和正文。

在導入/導出部分，您可以導入和導出 WordPress 網站的用戶和表單。

可以編輯現有表單以使其在視覺上更令人愉悅。但是，讓我們從頭開始。前往用戶註冊 > 添加新的.

在此處為表格命名以將其與其他表格區分開來。接下來，您會看到佈局看起來類似於典型的頁面構建器，左側是塊，中間是實時預覽區域。您可以添加一長串字段，例如電子郵件、名字、網站、輔助電子郵件、下拉列表、複選框、隱私政策、部分標題、個人資料圖片，甚至一些 WooCommerce 帳單地址字段。

讓我們從添加用戶名字段開始。將 Username 元素拖放到您需要的任何位置。您可以通過在行塊內拖動字段來重新排列字段的位置。

然後，單擊該字段以編輯其字段選項。我們可以添加標籤、描述並設置佔位符。此外，我們可以通過從必填下拉菜單中選擇“是”來使該字段成為必填項。我們還可以隱藏標籤並添加自定義類以進行進一步自定義。

您可以類似地添加其他塊，例如名字、姓氏和確認密碼。如果太多字段使表單看起來很長，您可以通過將其拆分為兩列來壓縮它。

您可以在表單中添加任意數量的行。並添加下拉問卷等字段，以使表單滿足您網站的需求。

完成後，單擊“創建表單”。該表單已添加到用戶註冊選項卡中。現在，您只需要激活它。所以復制它的簡碼。

然後，轉到頁面選項卡，然後單擊註冊頁面下的編輯。在這裡，刪除舊的短代碼並粘貼新的。然後，單擊更新。

我們網站的註冊頁面已更新為我們剛剛創建的頁面。您可以通過單擊使用 Elementor 編輯來進一步自定義頁面和样式化頁面。

在這裡，您可以像使用 Shortcode 元素一樣使用 Elementor 自定義頁面。您可以添加墊片、使用背景、添加圖形以及進行大量其他自定義。此外，您可以查看我們的Elementor 教程視頻以了解更多信息。

除此之外，用戶註冊插件還提供付費擴展以添加更多字段、啟用社交登錄、使用樣式定制器和許多其他功能。您可以根據您網站的需求和偏好進行嘗試。

如果您對自定義登錄和註冊表單有任何疑問，請隨時在下面的評論中與我們聯繫。

如果您喜歡視頻版本，請查看以下視頻：

如何自定義您的 WordPress 登錄和註冊頁面？ （帶視頻）