So erstellen Sie ein benutzerdefiniertes Anmeldeformular in WordPress ohne ein Plugin
Veröffentlicht: 2022-09-27Ein benutzerdefiniertes Anmeldeformular ermöglicht es Ihnen, Ihrer WordPress-Website eine persönliche Note zu verleihen. Standardmäßig wird WordPress mit einem einfachen Anmeldeformular geliefert, mit dem Benutzer ihren Benutzernamen und ihr Passwort eingeben können, um Zugriff auf die Website zu erhalten. Obwohl dieses Anmeldeformular für die meisten Benutzer gut funktioniert, gibt es Zeiten, in denen Sie es möglicherweise an das Erscheinungsbild Ihrer Website anpassen möchten. Sie möchten beispielsweise Ihr Firmenlogo zum Anmeldeformular hinzufügen oder die Hintergrundfarbe ändern. Glücklicherweise gibt es ein paar einfache Möglichkeiten, das WordPress-Anmeldeformular anzupassen, ohne Code schreiben zu müssen. In diesem Artikel zeigen wir Ihnen, wie Sie ohne Plugin ein benutzerdefiniertes Anmeldeformular in WordPress erstellen.
WP-login.php ist die Standardsprache der WordPress- Anmeldeseite . Zur Darstellung des Logos zeigt WordPress sein WordPress-Logo in der folgenden HTML-Struktur an. Nachdem Sie den folgenden Code verwendet haben, können Sie das Standardlogo durch Ihr eigenes ersetzen. Um sicherzustellen, dass der Benutzer auf der Anmeldeseite bleibt, können Sie dieses Code-Snippet zum Klicken auf das Logo ausführen. Im Rahmen dieses Artikels zeige ich, wie Sie die integrierte Anmeldeseite ändern. Sie können dem Anmeldeformular auch CSS-Stile hinzufügen und sie in separaten Dateien platzieren, wenn Sie sie verwenden möchten. Zum Beispiel würde ich den CSS-Code in eine Datei namens style-login.css einfügen.
Dieser Code sollte mit dem unten stehenden PHP-Snippet ausgeführt werden. Nach dem Hinzufügen der Skripte zur Anmeldeseite wird dieses Code-Snippet verwendet, um den Header festzulegen. Melden Sie sich bei Ihrem WordPress-Konto an und erstellen Sie eine neue Seite mit dem Namen Login. Die URL-Slugs der Seiten sollten „login“ und „html.html“ lauten. Der dritte Schritt besteht darin, mit PHP ein Anmeldeformular zu erstellen. Durch Ändern des Namens der Seitenvorlage können Sie eine benutzerdefinierte Anmeldevorlage hinzufügen . Wir müssen diese benutzerdefinierte Anmeldeseite jetzt anzeigen, wenn ein Benutzer eine Anfrage an WP-login.php sendet.
Hier ist der Code, der zum Einfügen in die functions.php benötigt wird: custom_login_page_key. Wenn während der Sitzung Fehler gefunden werden, wird dieser Code verwendet. Wenn Fehlercodes damit verbunden sind, verwenden Sie $err_codes. Die Funktion display_error_message interpretiert diese eingebauten Fehlercodes. Der Logout-Parameter kann verwendet werden, um dem Benutzer mitzuteilen, dass er abgemeldet ist.
Wie erstelle ich ein Anmeldeformular in WordPress?

Das Erstellen eines Anmeldeformulars in WordPress ist ein einfacher Vorgang, der in wenigen Minuten abgeschlossen werden kann. Als erstes müssen Sie eine Seite auf Ihrer WordPress-Site erstellen, die als Anmeldeformular dient. Erstellen Sie dazu einfach eine neue Seite und nennen Sie sie „Anmelden“. Als nächstes müssen Sie der Seite einen Shortcode hinzufügen. Der Shortcode für das Anmeldeformular lautet [wp-login-form]. Fügen Sie diesen Shortcode einfach zum Seiteninhaltsbereich hinzu und speichern Sie die Seite. Nachdem die Seite mit dem Anmeldeformular erstellt wurde, müssen Sie einen Link von der Startseite Ihrer WordPress-Site hinzufügen. Bearbeiten Sie dazu einfach die Startseite und fügen Sie einen Link zur Anmeldeformularseite hinzu. Das ist alles, um ein Anmeldeformular in WordPress zu erstellen. Wenn Besucher jetzt auf Ihre WordPress-Site kommen, können sie auf den Link klicken und werden zur Anmeldeformularseite weitergeleitet.
Mit WP Login Form können Sie ein einfaches Anmeldeformular erstellen, das überall auf Ihrer WordPress-Site verwendet werden kann. Mit dem Shortcode können Sie ihn in einen Beitrag, eine Seite oder eine Seitenleiste einfügen. Um die unten aufgeführten Optionen anzupassen, können Sie den Shortcode verwenden, um zusätzliche Parameter hinzuzufügen. Um Ihr Anmeldeformular vor Spam und anderen automatisierten Angriffen zu schützen, verwendet das WP-Anmeldeformular Google reCAPTCHA v3. In den Einstellungen können Sie diese Optionen konfigurieren, um diese Funktion zu aktivieren. Sie können ein sauberes Markup mit Klassen erstellen, ohne CSS zu verwenden, sodass Sie ein Formular erstellen können, das an Ihre Anforderungen angepasst ist.
Benutzerdefiniertes WordPress-Anmeldeformular programmgesteuert

Wenn Sie ein benutzerdefiniertes Anmeldeformular für Ihre WordPress-Site erstellen möchten, können Sie dies tun, indem Sie ein paar einfache Schritte befolgen. Zuerst müssen Sie eine neue Datei namens login.php in Ihrem WordPress-Designordner erstellen. Als nächstes müssen Sie den folgenden Code in Ihre login.php-Datei kopieren : /* Template Name: Login Form */ ? > Benutzername oder E-Mail-Adresse Passwort Angemeldet bleiben Dieser Code erstellt ein einfaches Anmeldeformular, das Sie so gestalten können, dass es zu Ihrem WordPress-Theme passt. Sobald Sie diesen Code zu Ihrer Datei login.php hinzugefügt haben, können Sie auf Ihr Anmeldeformular zugreifen, indem Sie zu http://yoursite.com/login gehen.
Erstellen Sie mithilfe dieser Schritt-für-Schritt-Anleitung einen benutzerdefinierten Anmeldebildschirm für Ihre WordPress-Site. In diesem Tutorial zeigen wir Ihnen, wie Sie ein Anmeldeformular mit einem Plugin namens Formidable Forms erstellen. WordPress bietet standardmäßig Benutzerregistrierungsfunktionen, aber Sie können dies manuell tun. Wenn Sie eine benutzerdefinierte Anmeldeseite für Ihre WordPress-Website entwerfen, müssen Sie möglicherweise etwas programmieren. Sie müssen das WordPress-PHP-Dateisystem sowie die WordPress-Datei login.php verwenden. Erstellen Sie Ihr benutzerdefiniertes Anmeldeformular, um die Benutzerregistrierung sowie die Benutzeranmeldung zu ermöglichen. Dazu müssen Sie noch mehr Codierung hinzufügen.
Dieser Beitrag ist bei diesen beiden Schritten in zwei Abschnitte unterteilt. Das Formidable Add-on für die Benutzerregistrierung enthält ein Benutzeranmeldeformular . Mit Formidable können Sie Formulare für andere Seiten Ihrer Website bereitstellen, sodass Sie sie überall auf Ihrer Website platzieren können. In der Formular-Styler-Oberfläche können Sie Stilvorlagen erstellen, die auf eine Vielzahl von Formularen angewendet werden können. Der wichtigste Parameter ist der von diesem festgelegte Stil. In diesem Tutorial zeigen wir Ihnen, wie Sie mit einem benutzerdefinierten Anmeldeformular ein System zum Zurücksetzen des Passworts in Formidable erstellen. Wenn Sie ein Widget zum Anzeigen Ihres Anmeldeformulars verwenden, können Sie einen Link hinzufügen, indem Sie ein Feld in den Widget-Optionen eingeben. Wenn ein Benutzer darauf klickt, wird er zur Seite zum Zurücksetzen des Passworts weitergeleitet. Nach Abschluss des Vorgangs können Benutzer ihr Passwort auf die gleiche Weise wie auf anderen Websites zurücksetzen.
Wie erstelle ich eine Frontend-Anmeldeseite in WordPress?
Navigieren Sie zum Abschnitt „WordPress-Weiterleitungen“ von Profile Builder – Custom Redirects. Den Umleitungstyp finden Sie im Dropdown-Menü. Geben Sie im Feld Umleitungs-URL die URL Ihrer neu erstellten Frontend-Anmeldeseite ein . Indem Sie auf Änderungen speichern klicken, können Sie kleinere Änderungen an Ihrer Website vornehmen.
Fügen Sie Ihrer WordPress-Site ein Anmeldemenü hinzu
Es ist einfach, ein WordPress-Anmeldemenü hinzuzufügen. Navigieren Sie dazu zu Ihrem Dashboard > Darstellung > Menüs > Wählen Sie das Hauptmenü aus und klicken Sie dann auf Benutzerdefinierte Links, gefolgt von der URL Ihrer Anmeldeseite und einem Label.
WordPress-Anmeldeformular
Ein WordPress-Anmeldeformular ist ein Formular, das ein Benutzer ausfüllen kann, um sich bei seinem WordPress-Konto anzumelden. Dieses Formular finden Sie auf der WordPress-Anmeldeseite.

Wenn ein Website-Benutzer ein Registrierungsformular absendet, sammelt WordPress Informationen über den Benutzer. Bevor Sie Ihr Formular auf Ihrer Website einreichen können, müssen Sie zunächst die folgenden Informationen sammeln: Wenn Sie Benutzern ein paar Fragen zu ihrer Person stellen möchten, enthält das WPForms-Benutzerregistrierungs-Add-On ein Absatzformularfeld als Teil der Formularvorlage. Ein WordPress-Anmeldeformular auf einer Website ermöglicht zuvor registrierten Benutzern, sich mit ihren Anmeldeinformationen anzumelden, die dann für den Zugriff auf Inhalte oder Informationen verwendet werden können. Benutzer Ihrer Website verwenden Ihr Anmeldeformular im Vergleich zum Benutzerregistrierungsformular ihrer Website mehrmals. Sie können lernen, wie Sie ein benutzerdefiniertes WordPress-Anmeldeformular erstellen, wenn Sie eines auf Ihrer Website benötigen.
So erstellen Sie eine benutzerdefinierte Anmelde- und Registrierungsseite in WordPress
Um eine benutzerdefinierte Anmelde- und Registrierungsseite in WordPress zu erstellen, müssen Sie zunächst eine benutzerdefinierte Seitenvorlage erstellen. Nachdem Sie die Vorlage erstellt haben, müssen Sie ein benutzerdefiniertes Formular erstellen, das für den Anmelde- und Registrierungsprozess verwendet wird. Schließlich müssen Sie Ihrer Datei functions.php den folgenden Code hinzufügen: function my_custom_login_page () { if ( is_user_logged_in() ) { wp_redirect( home_url() ); Ausfahrt; } if ( 'POST' == $_SERVER['REQUEST_METHOD'] ) { $redirect_to = home_url(); if ( ! empty( $_REQUEST['redirect_to'] ) ) { $redirect_to = $_REQUEST['redirect_to']; } if ( ! empty( $_REQUEST['log'] ) ) { $user_login = $_REQUEST['log']; } sonst { $user_login = ”; } $user_data = get_user_by( 'login', $user_login ); if ( ! $user_data ) { wp_redirect( $redirect_to . '? loginfailed' ); Ausfahrt; } if (user_can($user_data, 'manage_options')) { wp_set_current_user($user_data->ID, $user_login); wp_set_auth_cookie( $user_data->ID); do_action( 'wp_login', $user_login ); wp_redirect( admin_url() ); Ausfahrt; } else { wp_redirect( $redirect_to . '? Anmeldung fehlgeschlagen' ); Ausfahrt; } } $args = array( 'echo' => false, 'redirect' => $redirect_to, 'form_id' => 'loginform', 'label_username' => __( 'Benutzername' ), 'label_password' => __( 'Passwort' ), 'label_remember' => __( '
So erstellen Sie eine Anmelde- und Registrierungsseite in WordPress mit Formidable Forms Das Benutzerregistrierungstool kann verwendet werden, um eine Anmeldeseite für jede WordPress-Site zu erstellen. Es ist vorteilhaft für das Branding, die Benutzererfahrung und die Sicherheit. Wenn Sie immer noch nach einem Formularerstellungs-Plugin suchen, könnte dies das Richtige für Sie sein. Die Installation von Formidable ist ganz einfach, genauso wie die Installation eines beliebigen WordPress-Plugins. Sie müssen über einen Businessplan verfügen, um unser Registrierungssystem nutzen zu können. Wir haben eine bearbeitbare Vorlage für die Benutzerregistrierung erstellt, da jedes Unternehmen während der Registrierung verschiedene Arten von Daten von seinen Benutzern sammelt. Ihr Anmeldeformular muss nicht angepasst werden, um dieses Tutorial abzuschließen.
Nachdem sich ein Benutzer für Ihre Website registriert hat, müssen Sie konfigurieren, wie die Dinge gehandhabt werden. Benutzer erhalten eine Vielzahl von Optionen, die in unserer Dokumentation konfiguriert werden können. Da das Benutzerregistrierungssystem den gesamten Prozess automatisiert, müssen wir nicht lernen, wie man die Anmeldeseite in WordPress mit Formidable ändert. Wenn Sie eine WordPress-Anmeldeseite erstellen möchten, müssen Sie nichts weiter tun, als Ihr Anmeldeformular hochzuladen. Sie können eine gut aussehende Seite erstellen, unabhängig davon, wofür Sie den Builder verwenden. Dabei spielt es keine Rolle, wo Sie Ihre Login-Daten und Registrierungsdaten eingeben; alles, was Sie tun müssen, ist es in den entsprechenden Beitrag oder die entsprechende Seite einzugeben.
Plugin für die Anmeldeseite in WordPress
Ein Plugin für die Anmeldeseite in WordPress ist eine großartige Möglichkeit, Ihrer Website zusätzliche Features und Funktionen hinzuzufügen. Es sind viele Plugins verfügbar, die Ihrer Anmeldeseite eine Vielzahl unterschiedlicher Funktionen hinzufügen können, einschließlich Social-Media-Anmeldung, CAPTCHA und mehr. Wählen Sie ein Plugin, das Ihren Anforderungen am besten entspricht, und installieren Sie es auf Ihrer Website, um Ihrer Anmeldeseite eine zusätzliche Sicherheitsebene und Funktionalität hinzuzufügen.
Die WordPress-Standard-Anmeldeseite scheint sehr einfach zu navigieren zu sein. Die besten Plugins ermöglichen es Ihnen, das Design und das Feld Ihres Anmeldeformulars anzupassen. Anti-Spam-Tools sind als Teil einiger Login-Seiten-Plugins verfügbar und machen Ihre Website sicherer. WPForms ist eines der umfassendsten Formularerstellungs-Plugins, die für WordPress verfügbar sind. Wenn Sie WPForms verwenden, können Sie Ihr Registrierungs- oder Anmeldeformular vor Spam-Angriffen schützen, indem Sie Anti-Spam-Token, reCAPTCHA, hCAPTHCA und benutzerdefinierte CAPTCHAs verwenden. Durch die Verwendung von SeedProd können Sie ganz einfach eine Anmeldeseite von Grund auf neu erstellen. Benutzer, die eine Vielzahl von Anpassungsoptionen für ihre Anmeldeseite bevorzugen, werden von LoginPress angezogen.
Obwohl es keine Spam-Blockierungsfunktionen gibt, ist LoginPress eine ausgezeichnete Wahl, um schöne Anmeldeseiten zu erstellen und Ihre Website vor Eindringlingen zu schützen. Mit Nextend Social Login können Sie sich ohne Passwort bei Ihren Social-Media-Konten anmelden. Es ist ein großartiges Tool für Site-Administratoren von Benutzern, die vorübergehenden Zugriff auf bestimmte Personen benötigen. Theme My Login ist kostenlos und ermöglicht es Ihnen, Frontend-Registrierungsseiten zu erstellen, URL-Slugs für die Anmeldung und Registrierung anzupassen und sogar soziale Konten einzurichten, um sich zu registrieren und sich auf Ihrer Website anzumelden. In Simple History wird auch die IP-Adresse jedes Benutzers aufgezeichnet, der versucht hat, sich abzumelden. Wenn dies Ihre primäre Methode ist, können Sie einen Hacker identifizieren und ihn vom Zugriff auf Ihre Website auf die schwarze Liste setzen. Das Beste an WPForms ist, dass es die größte Anpassungsfähigkeit, Benutzerfreundlichkeit und Sicherheit aller Plattformen auf dem Markt bietet.
Wenn Sie nach einer einfachen, aber effektiven Möglichkeit suchen, schöne Zielseiten zu erstellen, ist SeedProd eine ausgezeichnete Wahl. Suchen Sie nach Kalender-Plugins für Terminplanung und Termine? Unser Beitrag über die besten WordPress-Kalender-Plugins enthält eine Liste mit einigen der besten Plugins.
Google Login WordPress ohne Plugin
Sie können sich ohne Plugin bei Ihrer WordPress-Site anmelden, indem Sie einfach zu Ihrem Google-Konto gehen und die Option zur Verwendung Ihres Google-Kontos für die Anmeldung auswählen. Auf diese Weise können Sie sich bei WordPress anmelden, ohne ein Plugin installieren zu müssen.
Wenn Sie Google Login WordPress ohne Plugin verwenden, treffen Sie möglicherweise eine falsche Entscheidung. Sie müssen ein separates Plugin für Google Analytics auf Ihrer Website verwenden, falls Sie noch keines haben. Monsterinsights kann alle Ihre Fragen zur Anmeldung bei Google WordPress ohne Plugin beantworten. Google Analytics ist ein leistungsstarkes Tool, mit dem Sie Website-Aktivitäten verfolgen können. Dieses Tool ist sehr einfach ohne Plugin zu installieren, wenn Sie WordPress verwenden. Ohne Plugins können Sie Ihre Website bei Bedarf mehrsprachig gestalten, müssen aber keine Plugins verwenden, wenn Sie sie nicht mehrsprachig benötigen. In diesem Artikel erfahren Sie, wie Sie Google Translate ohne Plugins zu WordPress hinzufügen.