如何自訂 WordPress 重置密碼頁面

07/21/2024

為什麼要自訂 WordPress 重置密碼頁面?

您的 WordPress 網站具有強大的用戶管理系統,允許人們創建用戶帳號,登錄和重置密碼。默認情況下,這些頁面顯示 WordPress 的品牌和標誌。有時這不是大問題,尤其是當您或您的團隊是唯一登錄管理區域的人時。

然而,如果您運行的是電子商務商店或會員網站,那麼您的客戶也可能需要登錄。通過將這些頁面自訂為符合您的網站設計和品牌,您可以提供更好的用戶體驗。如果願意,您還可以添加額外的內容,例如您的標誌或最近的帖子列表。

您可能已經按照我們的其他指南添加了自訂用戶註冊表格和登錄頁面。現在,讓我們來看看如何自訂重置密碼頁面。只需使用以下快速連結直接跳轉到您想要使用的方法:

方法1: 使用 Formidable Forms 自訂重置密碼頁面(簡單)

最簡單的替換 WordPress 密碼重置頁面的方法是使用 Formidable Forms 插件。該插件允許您通過短代碼替換默認的密碼重置頁面。此方法不允許您編輯重置密碼表格,但您可以在周圍添加自己的內容。例如,您可以使用標準的 WordPress 發帖編輯器添加文本、圖片和其他內容。

首先,您需要安裝 Formidable Forms 插件。要了解更多,請查看我們的逐步指南,了解如何安裝 WordPress 插件。啟用後,您還需要安裝 Formidable Forms Lite。這個免費插件提供了高級插件更多功能的核心基礎。

完成這些操作後,請前往儀表板中的 Formidable Forms » 全域設定頁面,選擇“點擊手動輸入許可證密鑰”。您可以在 Formidable Forms 網站上的帳戶中找到許可證密鑰。輸入此資訊後,點擊“儲存許可證”按鈕。

接下來,您必須通過前往 Formidable » 插件頁安裝用戶註冊附加功能。在此屏幕上,找到用戶註冊附加功能並點擊其“安裝”按鈕。

現在,您已準備好通過前往頁面 » 新增頁面來創建自訂的重置密碼頁面。首先,給頁面命名,然後點擊“+”按鈕。在彈出窗口中,開始輸入“短代碼”。

只需點擊正確的區塊即可將其添加到頁面中。現在,您可以添加如下短代碼: [frm-reset-password]。

此時,您可以添加其他任何想在重置密碼頁面上顯示的內容。當您對頁面的設置感到滿意時,點擊“發布”按鈕使其生效。

最後,您需要告訴 WordPress 使用此頁面而不是默認的重置密碼頁面。為此,請前往 Formidable » 全域設定,然後在選單中點擊“註冊”標籤。從這裡,您只需打開“重置密碼頁面”下拉選單,選擇您剛創建的頁面。不要忘記點擊螢幕頂部的“更新”按鈕以儲存您的設定。

現在,您可以訪問您的 WordPress 網站查看自訂的重置密碼頁面。

方法2: 使用 Theme My Login 自訂所有會員頁面(免費)

為了提供一致的用戶體驗,使用相同的樣式設計所有會員頁面是一個好主意。Theme My Login 是一個免費插件,允許您替換內建的 WordPress 儀表板、登錄、登出、註冊、忘記密碼和重置密碼頁面。它不是最可自訂的解決方案,但其所有頁面都會使用您的 WordPress 主題。

首先,您需要安裝並啟用 Theme My Login 插件。欲了解更多詳情,請參考我們的逐步指南,了解如何安裝 WordPress 插件。啟用後,Theme My Login 會自動為您的自訂登錄、登出、註冊、忘記密碼和重置密碼屏幕創建 URL。您可以通過前往 Theme My Login » 總覽頁面查看這些 URL。

要替換這些頁面中的任何一個,您只需創建一個具有此精確 URL 的新頁面。

方法3: 使用 WPForms 創建完全自訂的重置密碼頁面

如果您想使用完全自訂的表單替換默認的重置密碼頁面,我們建議使用 WPForms 插件。該插件擁有“用戶密碼重置表單”模板,您可以自訂文本、圖片和品牌。您還可以添加和刪除字段,以僅收集您想從會員那裡獲取的信息。

首先,您需要安裝並啟用 WPForms 插件。欲了解更多詳情,請參考我們的逐步指南,了解如何安裝 WordPress 插件。啟用後,前往 WPForms » 設定 並輸入您的許可證密鑰。您可以在 WPForms 網站上的帳戶中找到此信息。

輸入許可證密鑰後,您需要安裝用戶註冊附加功能,允許您為您的站點創建自訂的用戶註冊、重置密碼和登錄表單。在儀表板中,前往 WPForms » 插件並找到用戶註冊附加功能。只需點擊“安裝插件”以下載它,然後點擊“啟用”以使其生效。

現在,您已準備好創建自己的自訂重置密碼表單,請前往 WPForms » 新增頁面。在此,輸入新表單的標題。完成後,捲動到“用戶密碼重置表單”模板並點擊其“使用模板”按鈕。

WPForms 現在會加載用戶密碼重置表單模板。要使用您自己的文本、標籤或說明來自訂任何字段,只需點擊選擇它,然後使用左側選單中的設置。例如,模板有一個“提交”按鈕。要显示其他按鈕標籤,請點擊選擇該字段,然後在“提交按鈕文本”中輸入新消息。

您還可以通過前往設定 » 確認來更改當用戶提交其重置密碼請求時的操作。在此,打開“確認類型”下拉選單,選擇是將用戶重定向到其他頁面或 URL,還是只是顯示一則消息,要求他們檢查其收件箱以查收重置密碼電子郵件。

您還可以通過在小型文本編輯器中輸入來自訂消息。例如,您可能會提醒用戶檢查其垃圾郵件文件夾。

專業提示:如果您的電子郵件經常被發送到垃圾郵件,我們建議使用 SMTP 服務提供商來提高您的電子郵件投遞率。

當您對表單設置感到滿意時,點擊右上角的“儲存”按鈕。

要替換默認的 WordPress 重置密碼頁面,您需要創建一個具有“onepassword”網址段的頁面。然後,您可以將表單添加到該頁面中。最簡單的方法是在 WPForms 編輯器中點擊“嵌入”按鈕。接著,選擇“創建新頁面”。

現在,為新頁面輸入標題。您可以在稍後的步驟中更改網址段,因此可以使用任何您想要的標題。完成後,點擊“開始吧”。這會將您帶到 WordPress 頁面編輯器,並將表單已添加到新頁面。現在,您可以對此頁面進行任何更改,例如添加更多文本、自訂標誌或類別和標籤。當您對頁面的外觀感到滿意時,點擊“儲存草稿”按鈕。

之後,前往頁面 » 所有頁面並找到剛創建的重置密碼頁面。在此,點擊“快速編輯”按鈕。在“網址段”字段中,輸入“lostpassword”。然後,打開“狀態”下拉選單並選擇“已發布”。

現在,您需要重定向訪問者到自訂的重置密碼頁面,而不是內建的 WordPress 頁面。最簡單的方法是使用免費的 WPCode 插件。WPCode 是最好的代碼片段插件,被超過 200 萬個 WordPress 網站所使用。它使得在 WordPress 中添加自訂代碼變得容易,不用編輯 functions.php 文件。即使是初學者也可以使用 WPCode 編輯其網站代碼,而不會因錯誤和拼寫錯誤而導致許多常見的 WordPress 錯誤。

首先,您需要安裝並啟用免費的 WPCode 插件。欲了解更多詳情,請參考我們的逐步指南,了解如何安裝 WordPress 插件。啟用後,前往代碼片段 » 新增片段。在此您會找到可用的片段,它們允許您上傳額外的文件類型到 WordPress,禁用附件頁面,完全禁用評論等等。只需將鼠標懸停在“添加您的自訂代碼”上,然後點擊“使用這個片段”當它出現時。首先,為自訂的代碼片段輸入標題。這可以是幫助您識別 WordPress 儀表板中片段的任何名稱。然後,打開“代碼類型”下拉選單並選擇“PHP 片段”。在代碼編輯器中,添加如下代碼片段:

add_filter( 'lostpassword_url', 'my_lostpassword_url' );
function my_lostpassword_url() {
return site_url('/lostpassword/');
}

接下來,捲動到“插入”部分。WPCode 可以將代碼添加到不同的位置,例如每個帖子之後,僅前端或僅管理後台。要在您的整個網站、博客或 WooCommerce 商店中使用自訂的 PHP 代碼,如果未選擇“自動插入”,請點擊它。然後,打開“位置”下拉選單並選擇“在所有地方運行”。之後,您準備好了,可以捲動到螢幕頂部並點擊“非活動”切換開關,使其變為“活動”。最後,點擊“儲存片段”使 PHP 片段生效。現在,嘗試訪問內建的 WordPress 登錄頁面。如果您點擊“忘記密碼?”連結,您將重定向到您剛創建的自訂重置密碼頁面。

專家指南:自訂 WordPress 頁面

現在您知道如何自訂 WordPress 重置密碼頁面,您可能還想查看一些如何自訂其他頁面的 WordPress 教程。

  • 如何創建自訂的 WordPress 登錄頁面(終極指南)
  • 如何自訂 WordPress 中的密碼保護頁面
  • 最佳 WordPress 內容保護插件(專家推薦)
  • 如何自訂 WordPress 中的搜索結果頁面
  • 如何在您的 WordPress 網站上添加自訂的作者資料頁面
  • 當您被 WordPress 管理員(wp-admin)鎖定時該怎麼辦
  • 如何創建自訂的 WordPress 主頁
  • 如何在 WordPress 中為博客帖子創建單獨的頁面
  • 保護您的 WordPress 管理區域的關鍵提示
  • 如何改善 WordPress 中的 404 頁面模板

希望這篇指南能幫助您了解如何自訂 WordPress 重置密碼頁面。您還可以查看我們的其他文章學習如何創建免費的公司電子郵件地址或查看我們推薦的必裝插件列表,以增長您的網站。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,獲取更多 WordPress 教程視頻。您還可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>