Heim > Backend-Entwicklung > PHP-Tutorial > So erstellen Sie ein benutzerdefiniertes WordPress-Login-Popup-Modal ohne Plugin.

So erstellen Sie ein benutzerdefiniertes WordPress-Login-Popup-Modal ohne Plugin.

Mary-Kate Olsen
Freigeben: 2024-12-09 16:26:22
Original
789 Leute haben es durchsucht

How to Create a WordPress Custom Login Popup Modal without any plugin.

Anmelden Schritt-1:
Erstellen Sie den Shortcode für das benutzerdefinierte Anmeldeformular:

// custom sign in popup form shortcod
function custom_login_form() {

    // Display the login form
    ob_start();

    ?>
    <form method="post">



<p><strong>sign in Step-2:</strong><br>
Create login form handle function:<br>
</p>

<pre class="brush:php;toolbar:false">
// custom sign in poup form handle
function 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');
Nach dem Login kopieren

Anmelden Schritt 3:
Fügen Sie Shortcod in Ihrem Popup-Modal hinzu.

Benutzerdefinierte Anmeldung

Anmelden Schritt-1:
Erstellen Sie eine Funktion für den Shortcode des benutzerdefinierten Anmeldeformulars:

// custom registration form

function custom_registration_form() {

    ?>
    <form method="post">



<p><strong>sign up Step-2:</strong><br>
Create function for handle Sign up form request:<br>
</p>

<pre class="brush:php;toolbar:false">
// custom sign up form handle
function 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');
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo erstellen Sie ein benutzerdefiniertes WordPress-Login-Popup-Modal ohne Plugin.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage