Benutzerdefiniertes Anmeldeformular

Ich bin sehr neu in WordPress. Ich versuche ein Anmeldeformular im Kopfbereich meiner Website anzuzeigen. Wenn ich jedoch alle Dateien in meinem Verzeichnis anschaue, ist es sehr überwältigend und ich habe Angst, irgendetwas anzufassen.

Kennt jemand gute Tutorials zu diesem Thema oder wirft vielleicht etwas Licht auf das Thema?

Solutions Collecting From Web of "Benutzerdefiniertes Anmeldeformular"

Das Login-Formular ist ein einfaches HTML-Formular, das Benutzername und Passwort an wp-login.php sendet. Dies ist die einfachste Möglichkeit, ein benutzerdefiniertes Anmeldeformular zu erstellen:

< ?php $redirect_to = ''; ?> 

Username:

Password:

Zeile für Zeile:

  • $redirect_to : Wenn Sie möchten, dass der Benutzer auf eine spezielle Seite umleitet, fügen Sie die URL hier ein. Die URL wird in das versteckte Feld am Ende des Formulars eingefügt

  • : Die Daten müssen an wp-login.php gesendet werden. Diese Datei befindet sich im Stammverzeichnis Ihrer WordPress-Installation. Erstellen Sie die richtige URL mit site_url() (weitere Informationen zu site_url() Sie im Codex). Die Methode muss auf post

  • Ein Eingabefeld für den Benutzernamen mit der ID user_login
  • Ein Eingabefeld für das Passwort mit der ID user_pass
  • Ein Eingabefeld für das Kontrollkästchen “RememberMe” (optional)
  • Ein Absenden-Button
  • Das ausgeblendete Feld, wenn der Benutzer nach der Anmeldung umgeleitet werden soll (optional)
  • Ein verstecktes Feld für einen Testcookie (optional, aber nützlich)

Erstellen Sie ein Formular und stylen Sie es mit CSS. Das ist alles.

  1. Erstellen Sie eine Template-Datei in Ihrem Child-Theme-Verzeichnis, sagen wir login.php . Fügen Sie das Login-Formular in diese Datei ein:

     
    User name:
    Password:

    Ändern Sie, was Sie wollen, aber Sie sollten die Namensattribute intakt lassen

  2. Erstellen Sie eine functions.php Datei in Ihrem untergeordneten Themenverzeichnis oder, falls Sie eines haben, bearbeiten Sie es. Du wirst die Login-Anfragen darin erfüllen:

     add_action('init', function(){ // not the login request? if(!isset($_POST['action']) || $_POST['action'] !== 'my_login_action') return; // see the codex for wp_signon() $result = wp_signon(); if(is_wp_error($result)) wp_die('Login failed. Wrong password or user name?'); // redirect back to the requested page if login was successful header('Location: ' . $_SERVER['REQUEST_URI']); exit; }); 
  3. Erstellen Sie eine Kopie Ihrer Vorlage ” header.php , legen Sie sie in Ihren header.php und bearbeiten Sie sie. Fügen Sie diesen Code hinzu, an dem das Anmeldeformular angezeigt werden soll:

     < ?php if(!is_user_logged_in()){ get_template_part('login'); } ?> 

Außerdem können Sie das ursprüngliche Anmeldeformular in Ihrem WP-Design anpassen.

Es gibt ein paar Dinge, die Sie tun können. 1) Sie können das Wp-Logo ändern:

 < ?php //Custom logo function my_custom_login_logo() { echo '