WordPress 開發教程：最佳化使用者註冊體驗（自定義密碼）

今天有位小夥伴在群中詢問 WordPress 新使用者註冊顯示密碼的問題，由於 WordPress 預設的是不讓使用者自己去填寫密碼的，而是系統自動給使用者生成一個密碼並且傳送到使用者郵箱，相對來說可能有些使用者會不習慣，今天小 V 就來教大家最佳化 WordPress 的使用者註冊體驗，讓使用者自己設定賬戶密碼，其實很簡單隻需要在主題的 function.php 加上以下程式碼：

<?php
add_action( 'register_form', 'v7v3_show_register' );
function v7v3_show_register(){
?>
 
 <label for="password"> 密碼： 
 <input id="password" type="password" tabindex="30" size="25" value="" name="password" />
 </label>
 
 
 <label for="repeat_password"> 確認密碼 
 <input id="repeat_password" type="password" tabindex="40" size="25" value="" name="repeat_password" />
 </label>
 
 
 <label for="are_you_human" style="font-size:11px"> 挖掘機技術哪家強？（藍翔） 
 <input id="are_you_human" type="text" tabindex="40" size="25" value="" name="are_you_human" />
 </label>
 
<?php
}
add_action( 'register_post', 'ts_check_extra_register_fields', 10, 3 );
function ts_check_extra_register_fields($login, $email, $errors) {
 if ( $_POST['password'] !== $_POST['repeat_password'] ) {
 $errors->add( 'passwords_not_matched', "ERROR: 兩次密碼不一致" );
 }
 if ( strlen( $_POST['password'] ) < 8 ) {
 $errors->add( 'password_too_short', "ERROR: 密碼長度小於 8 位！" );
 }
 if ( $_POST['are_you_human'] !== '藍翔' ) {
 $errors->add( 'not_human', "ERROR: 回答錯誤，請重新填寫註冊資訊！" );
 }
}

為了保證不被序號產生器騷擾此程式碼中還自帶了一個驗證問題欄位，防止序號產生器批次註冊垃圾使用者。雖然讓使用者可以自己填寫密碼，但是有些使用者更加喜歡讓系統為他生成密碼，為了給這些使用者提供方便，我們可以判斷下當前使用者註冊時是否填了密碼，如果沒填再讓系統生成一個，程式碼如下：
add_action( 'user_register', 'v7v3_register_extra_pass', 100 );
function v7v3_register_extra_pass( $user_id ){
    $userdata = array();

    $userdata['ID'] = $user_id;
    if ( $_POST['password'] !== '' ) {
        $userdata['user_pass'] = $_POST['password'];
    }
    $new_user_id = wp_update_user( $userdata );
}

當然為了給使用者更好的體驗，我們可以在註冊框下方加個提示，程式碼如下：
add_filter( 'gettext', 'v7v3_edit_text' );
function v7v3_edit_text( $text ) {
    if ( $text == 'A password will be e-mailed to you.' ) {
        $text = '如果您不填寫密碼，系統將為您生成一個密碼，併傳送至您的郵箱。';
    }
    return $text;
}

WordPress 開發教程：最佳化使用者註冊體驗（自定義密碼）