如何在没有任何插件的情况下创建 WordPress 自定义登录弹出模式

// custom sign in popup form shortcodfunction custom_login_form() {    // display the login form    ob_start();    ?>    <form method="post" class="formvalidationquery login-form">        <div class="form-group">            <label for="">*user name</label>            <input type="email" id="youremail" name="useremail" placeholder="email address" required />            <span class="formerror" id="youremailerror"></span>        </div>        <div class="form-group">        <label for="">*password</label>            <input type="password" name="password" id="loginpassword" placeholder="password" required />            <span class="formerror" id="loginpassworderror"></span>        </div>        <div class="d-flexinline">                                <input type="checkbox" id="checkbox" name="checkbox" />            <span class="checkboxtext" id="logincheckboxtex">lorem ipsum is simply dummy text of the printing and typesetting industry.                 lorem ipsum has been the industry's standard dummy text ever since the 1500s</span>        </div>        <button type="submit" name="login" class="btn" id="login-btn">            <span>sign in</span>            <span class="spinner" style="display: none;"></span>        </button>                       </form>    <?php}add_shortcode('custom_login', 'custom_login_form');

// custom sign in poup form handlefunction handle_custom_login() {    if (isset($_post['login'])) {        $useremail = sanitize_user($_post['useremail']);        $password = sanitize_text_field($_post['password']);        $creds = array(            'user_login'    => $useremail,            'user_password' => $password,            'remember'      => isset($_post['remember']),        );        $user = wp_signon($creds, false);        if (is_wp_error($user)) {            echo '<script>alert("login failed: ' . $user->get_error_message() . '");</script>';        } else {            wp_redirect(home_url());            exit;        }    }}add_action('init', 'handle_custom_login');

// custom registration formfunction custom_registration_form() {    ?>    <form method="post" class="formvalidationqueryregister login-form">        <div class="form-group">            <label for="">*user name</label>            <input type="text" id="yourname" name="username" placeholder="username" required />        </div>        <div class="form-group">            <label for="">*user email</label>            <input type="email" id="youremail" name="email" placeholder="email" required />        </div>        <div class="form-group">        <label for="">*password</label>            <input type="password" name="password" id="loginpassword" placeholder="password" required />            <span class="formerror" id="loginpassworderror"></span>        </div>        <div class="d-flexinline">                                <input type="checkbox" id="checkbox" name="checkbox" />            <span class="checkboxtext" id="logincheckboxtex">lorem ipsum is simply dummy text of the printing and typesetting industry.                 lorem ipsum has been the industry's standard dummy text ever since the 1500s</span>        </div>        <button type="submit" name="register" class="btn" id="login-btn">            <span>sign in</span>            <span class="spinner" style="display: none;"></span>        </button>                       </form>    <?php}add_shortcode('custom_registration', 'custom_registration_form');

// custom sign up form handlefunction handle_custom_signup() {    if (isset($_POST['register'])) {        $username = sanitize_user($_POST['username']);        $email = sanitize_email($_POST['email']);        $password = sanitize_text_field($_POST['password']);        // Check if the username and email already exist        if (username_exists($username)) {            echo '<script>alert("Username already exists.");</script>';            return;        }        if (email_exists($email)) {            echo '<script>alert("Email is already registered.");</script>';            return;        }        // Create a new user        $user_id = wp_create_user($username, $password, $email);        if (is_wp_error($user_id)) {            echo '<script>alert("Error: ' . $user_id->get_error_message() . '");</script>';        } else {            echo '<script>alert("Registration successful! You can now log in.");</script>';        }    }}add_action('init', 'handle_custom_signup');