WordPressのユーザー登録フォームにパスワード登録欄を追加する方法

こんにちは、webエンジニアのゾノ( @ozonosho )です。

今回のブログではWordPressのユーザー登録フォームにパスワード登録欄を追加する方法を紹介したいと思います。

先に完成形をお見せすると下のような登録フォームに仕上がります。

尚、通常のWordPressのユーザー登録フローは下記のとおりです。

ユーザー登録フォームから「ユーザー名」「メールアドレス」を入力して登録
メールアドレス宛にパスワード設定のためのリンクが届く
リンクからパスワード設定フォームに飛んでパスワードを登録する

こんな具合なので、使うたびに「ユーザー登録フォームでパスワードも設定できたら1回で済んで楽じゃん！」と思ってしまいますｗ

今回はそれを叶えるための方法です。

WordPressのユーザー登録フォームにパスワード登録欄を追加する方法

先ほど見せた完成イメージのとおり、パスワード登録欄には確認用の項目も作成してみます。

実装は簡単で、functions.phpに下記のコードを追加してください。

//①ユーザー登録フォームに項目追加
function add_register_field() {
?>
    
        パスワード
        
        パスワード（確認用）
        
    
    add( 'passempty', 'パスワードが入力されていません' );
    }
    if ($_POST['user_pass'] != $_POST['user_pass2']) {
        return $errors->add( 'passdif', 'パスワードが異なります' );
    }
}
add_action( 'register_post', 'add_register_field_validate', 10, 3 );

//③パスワードをユーザー情報として保存する
function user_regist_profile ($user_id) {
  $user = get_userdata($user_id);
  $user_pass = $_POST['user_pass'];
  $user->user_pass = $user_pass;
  wp_update_user($user);
}
add_action( 'user_register', 'user_regist_profile', 10, 5 );

実装にあたっては①～③の３つの関数を用意しています。

WordPressの仕様として、（登録フォーム自体を自作しない限りは）ユーザー名とメールアドレス以外の情報をアカウント作成時に渡すことはできません。そのため、ユーザーアカウント作成後に処理を加えるためのアクションフック「user_register」を利用してユーザーのパスワードを更新しています。（③の処理です）

ここではパスワードの登録方法をご紹介しましたが、同じやり方で姓名などパスワード以外のユーザー情報を登録することもできます。さらには、ユーザー用のカスタムフィールドを作成して登録フォーム送信時に登録することなんかもできるので、ぜひ色々と試してみてください^^