Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

新建壹個自定義的WordPress註冊表單插件

by
Difficulty:IntermediateLength:LongLanguages:

Chinese (Traditional) (中文(繁體)) translation by Fuhuan (you can also view the original English article)

WordPress提供了自定義註冊表單功能,可以用來設置壹個新用戶,或者添加壹個新用戶,當他們添加到現有的WordPress目錄。但是如果妳想新建壹個自定義註冊表單,而不是在WordPress界面中顯示選項呢?

在本教程中,我們將展示如何使用模板標記和簡單代碼在WordPress中新建自定義註冊表單。

默認註冊表單只包含兩個表單域 - 用戶名和電子郵件。

只有用戶名和電子郵件字段的話,會使註冊過程非常容易。首先,妳輸入妳的用戶名和電子郵件之後,密碼將郵寄到妳的郵箱。 接下來,您使用密碼登錄到網站,然後完成基礎配置後,再修改密碼。

為什麽不簡化下流程呢?直接讓客戶壹次性完成註冊,其中包含壹些重要的額外字段以及默認的用戶名和電子郵件,例如密碼,網站的URL,傳記,昵稱,以及他們的名字和姓氏。

像在Tuts +這樣的多作者網站中就特別有用。

像在Tuts +這樣的多作者網站中就特別有用。

  • 用戶名
  • 密碼
  • 電子郵箱
  • 網址
  • 名字
  • 昵稱
  • 個人簡介

然後可以使用插件和相關的模板標簽將自定義註冊表單集成到WordPress中。

使用代碼,妳可以新建壹個頁面,並將其作為您網站的官方註冊頁面。您也可以在帖子中插入代碼,以便用戶在閱讀您的壹篇文章後順手註冊妳的網站。

如果要將註冊表單添加到側邊欄或網站中的特定位置,則可以通過將模板標簽放在所需的位置來修改WordPress主題。 

在我們開始構建註冊表插件之前,值得註意的是用戶名,密碼和郵箱字段是必需的。

編寫我們的驗證功能時,我們將遵循這個規則。

高級選項

本教程將教妳從頭開始構建插件,但如果妳正在尋找壹個快速的插件方案,請嘗試Envato Market上的WordPress插件。 還可以使用驗證控制來設置各種註冊字段。壹旦註冊完成,電子郵件將被發送到新成員的郵箱。電子郵件模板的內容還可以修改註冊,密碼更改等。

WordPress Registration Form plugin on Envato Market
Envato市場上的WordPress註冊表插件

另壹種選擇是簡單地在Envato工作室下訂單。大可從廣泛有經驗的WordPress插件開發人員中選擇合適的人選。然後提出妳的需求,讓開發者在約定的時間內完成妳的插件。

例如,Alisaleem252將替妳開發壹個定制版的WordPress插件,它將根據妳的需求與最新的WordPress版本和WordPress存儲庫中的其他插件兼容。 

妳會得到: 

  • 自定義小部件,如果需要的話 
  • 自定義簡碼,如果需要的話 
  • 自定義帖子類型,如果需要的話 
  • 可靠的服務 
Custom WordPress Plugin Development
自定義WordPress插件開發

僅需300美元,就能在10天內開放出來。Alisaleem252擁有98%的好評率。那麽為什麽不嘗試他的自定義WordPress插件開發服務!

構建插件

就這樣說,讓我們開始編寫插件。首先是包含插件標題。

接下來,我們創建壹個包含註冊表單的HTML代碼的PHP函數。

註意註冊字段被作為變量傳遞給上述函數?在功能代碼中,將會看到以下代碼的實例,例如:

( isset( $_POST['lname'] ) ? $last_name : null )

三元運算符正在檢查全局$_POST數組的內容,以查看表單是否包含某個值。如果它包含壹個值,它將填充表單字段的值,以便保存用戶重新輸入。

註冊表格將會持續到妳驗證用戶註冊完成。因此,我們將創建壹個用戶名稱驗證功能

為了緩解驗證的痛苦,我們將使用WordPress的WP_Error類。跟我壹起來,編碼的驗證功能:

  1. 創建函數並將註冊字段作為函數參數傳遞。
  2. 創建函數並將註冊字段作為函數參數傳遞。
  3. 創建函數並將註冊字段作為函數參數傳遞。
  4. 我們也檢查確認用戶名字符數不少於4。
  5. 檢查用戶名是否已經註冊。
  6. 使用WordPress validate_username函數的服務來確保用戶名是有效的。
  7. 確保用戶輸入的密碼不少於5個字符。
  8. 檢查電子郵件是否是有效的電子郵件。
  9. 檢查電子郵件是否已經註冊。
  10. 如果網站字段已填寫,請檢查它是否有效。
  11. 最後,我們遍歷WP_Error實例中的錯誤並顯示個別錯誤。
    我們完成了驗證功能的編碼。

接下來是complete_registration()處理用戶註冊的插件函數。
用戶註冊實際上是由wp_insert_user 接受用戶數據的函數完成的。

在complete_registration()上面的函數中,我們使得$reg_errors WP_Error實例和表單域變量是全局的,所以我們可以訪問全局範圍中的變量。

然後我們檢查$reg_errors錯誤處理實例是否包含任何錯誤。如果沒有發現錯誤,我們繼續填充$userdata數組,並將用戶註冊詳細信息插入到WordPress數據庫中,並顯示註冊完成消息以及指向登錄頁面的鏈接。

接下來是custom_registration_function()使用上面創建的所有函數的超級函數。

讓我來解釋壹下custom_registration_function() 函數中的代碼  。

首先,我們通過檢查是否已經提交,確定表單是否已經提交$_POST['submit']。如果表單已經提交,我們調用registration_validation函數來驗證用戶提交的表單。

然後,我們清理表單數據並將清理數據設置為壹個以表單字段命名的變量。最後,我們稱之為complete_registration註冊用戶。

我們需要調用該registration_form函數來顯示註冊表單。

還記得我提到過,我們將為註冊插件提供簡單碼支持嗎?以下是短代碼支持代碼。

在這壹點上,我們已經完成了插件的編碼。以下是顯示註冊表格的圖像。

請註意,由於CSS樣式不同,您可能無法在WordPress網站上獲得完全相同的外觀。

插件使用

要在WordPress文章或頁面中實現插件,請使用代碼[cr_custom_registration]。

要在主題的特定方面實現註冊表單,請添加以下模板標簽 - 。
可以從本文中的附件獲取插件文件。

概要

在本文中,我們展示了創建向WordPress添加自定義註冊表單的插件的過程。妳還可以進壹步擴展註冊表單,以包括額外的字段,如用戶角色,在線即時通訊帳戶,但確保表單字段是壹個有效的元數據  wp_insert_user。

如果妳有任何問題和建議,請在評論中說出來!

請記住,如果妳不想遵循本教程,但想要壹個簡單的解決方案,那就嘗試購買使用 Envato Market上的WordPress註冊表單插件吧。

Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.