WordPressログイン画面のパスワードリセット画面のカスタマイズ方法を徹底解説

<?php
function custom_lostpassword_styles() {
    if ( 
        (isset($_GET['action']) && $_GET['action'] === 'lostpassword') || 
        (isset($_GET['checkemail']) && $_GET['checkemail'] === 'confirm') ||
        (isset($_GET['action']) && $_GET['action'] === 'rp') 
    ) {
        $custom_css = "
            body {
                background: #fff;
            }
            .wp-login-logo,
            .language-switcher {
                display: none;
            }
            #login form p.submit {
                display: flex;
                justify-content: center;
            }
            .login-action-rp #login form p.submit { /* 新規パスワード生成画面のみ調整用CSS */
                justify-content: space-around;
            }
            .wp-core-ui .button-primary {
                background: orange;
                border-color: orange;
                transition: 0.2s;
            }
            .wp-core-ui .button-primary:hover {
                opacity: 0.8;
                transition: 0.2s;
            }
            .login .message, .login .notice, .login .success {
                border-left: none;
                background: #efefef;
                border-radius: 5px;
                box-shadow: none;
            }
            .login form {
                border: none;
                box-shadow: 0 0 10px #ddd;
                border-radius: 5px;
            }
            .login label {
                display: flex;
                justify-content: center;
                margin-bottom: 14px;
            }
        ";
        wp_add_inline_style( 'login', $custom_css ); // WordPressの `login.css` 読み込み後に追加
    }
}
add_action( 'login_enqueue_scripts', 'custom_lostpassword_styles' );

<?php
function custom_password_reset_email($message, $key, $user_login, $user_data) {
    // 正しいURL形式でリセットURLを生成
    $reset_url = network_site_url('wp-login.php') . '?login=' . rawurlencode($user_login) . '&key=' . urlencode($key) . '&action=rp&wp_lang=ja';

    // メール本文をカスタマイズ
    $message  = "こんにちは、" . esc_html($user_data->display_name) . " さん。\n\n";
    $message .= "以下のリンクから新しいパスワードを設定してください。\n\n";
    $message .= $reset_url . "\n\nパスワードをリセットする\n\n";
    $message .= "これはテキスト実装用のメールです！！！。\n";
    
    return $message;
}
add_filter('retrieve_password_message', 'custom_password_reset_email', 10, 4);