So erstellen Sie ein Anmeldeformular in WordPress, ohne ein Plugin zu verwenden
Veröffentlicht: 2022-04-06Wenn Sie eine WordPress-Website betreiben, müssen Sie früher oder später ein Anmeldeformular für Ihre Benutzer erstellen. Glücklicherweise macht es WordPress einfach, ein Anmeldeformular zu erstellen, ohne ein Plugin verwenden zu müssen. In diesem Artikel zeigen wir Ihnen, wie Sie ein Anmeldeformular in WordPress erstellen, ohne ein Plugin zu verwenden.
Eine Methode zum Erstellen einer Anmeldeseite in WordPress ohne Plugin oder zum Konfigurieren der standardmäßigen WordPress-Anmeldeseite. In diesem Tutorial behandeln wir zwei Optionen: Erstellen einer benutzerdefinierten Seitenvorlage und Schreiben eines Login-Seiten-Shortcodes. Dieses Tutorial zeigt Ihnen, wie Sie eine Login-Seite erstellen, mit der Sie nach dem Einloggen auf das WordPress-Dashboard zugreifen können. Theme-Entwickler können jetzt WordPress-Formulare überall mit der WordPress-Funktion WP_login_form() auf ihren WordPress-Websites anzeigen. Wenn ein Benutzer angemeldet ist, zeigen wir die Willkommensnachricht auf dieser Seite anstelle des Anmeldeformulars an. Das $args-Array kann verwendet werden, um anzugeben, wie das Formular angezeigt werden soll. Wenn Sie der Datei functions.php den Shortcode [njengah-login-form] hinzufügen, sollten Sie eine Anmeldeseite erstellen.
Das Anmeldeformular sollte wie im Bild unten angezeigt werden. Login-Formulare in WordPress sind gestaltet. Um das Anmeldeformular ansprechender zu gestalten, habe ich das Design des von mir verwendeten Themas in die folgenden Stile integriert.
Wie erstelle ich ein Anmeldeformular in WordPress?

Das Erstellen eines Anmeldeformulars in WordPress ist ein einfacher Vorgang. Zuerst müssen Sie eine Seite oder einen Beitrag erstellen, auf der/dem das Anmeldeformular erscheinen soll. Als Nächstes müssen Sie der Seite oder dem Beitrag den folgenden Code hinzufügen:
[Login Formular]
Das ist alles, was Sie tun müssen! Wenn jemand die Seite oder den Beitrag besucht, sieht er das Anmeldeformular und kann sich bei Ihrer WordPress-Site anmelden.
Das WP-Anmeldeformular ist eine einfache Möglichkeit, ein Anmeldeformular für jede WordPress-Site zu erstellen. Sie können einen Shortcode verwenden, um ihn in einen Beitrag, eine Seite oder eine Seitenleiste einzufügen. Es ist nicht die Standardoption, die Sie auswählen müssen, aber Sie können einige weitere Faktoren ändern. Googles reCAPTCHA v3 schützt Ihr WP-Anmeldeformular vor Spam. In den Einstellungen können Sie diese Funktion konfigurieren. Das Formular kann mit seiner Klassenstruktur angepasst werden, ohne CSS hinzuzufügen, und es erzeugt ein sauberes Markup, ohne Klassen hinzuzufügen.
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.
Ein Benutzerregistrierungsformular in WordPress sammelt Informationen von Besuchern, wie z. B. Name und Adresse. Benutzer, die sich für eine Website registrieren, müssen normalerweise die folgenden Informationen eingeben: Wenn Sie das WPForms-Benutzerregistrierungs-Add-on verwenden, müssen Sie auch ein Absatzformularfeld mit Informationen über den Benutzer einfügen. Ein WordPress-Anmeldeformular kann entweder zur Registrierung eines Benutzers oder zur Anmeldung verwendet werden. Anmeldeformulare werden in WordPress verwendet, um sich auf Ihrer Website anzumelden. Zuvor registrierte Benutzer können sich mit ihren Anmeldeinformationen anmelden. Wenn Sie möchten, dass Ihre WordPress-Website funktionsfähig ist, sollten Sie ein Anmeldeformular einbinden. Es gibt zahlreiche Gründe, warum Sie ein Anmeldeformular einbinden sollten.
Wie erstelle ich eine WordPress-Anmeldeseite ohne Plugin?
Erstellen einer WordPress-Anmeldeseite mit einer benutzerdefinierten Vorlage: Wenn Sie eine WordPress-Anmeldeseite ohne die Verwendung eines Plugins erstellen, können Sie WP_login_form() verwenden, um das Plugin-Formular auf der Seite mit der benutzerdefinierten Vorlage zu veröffentlichen.
Plugin für die Anmeldeseite in WordPress

Es sind viele Plugins verfügbar, die verwendet werden können, um einer WordPress-Site eine Anmeldeseite hinzuzufügen. Einige dieser Plugins sind kostenlos, während andere kostenpflichtig sind. Welches Plugin Sie wählen, hängt von Ihren Bedürfnissen und Ihrem Budget ab.
Wenn Sie nur eine einfache Anmeldeseite benötigen, ist möglicherweise ein kostenloses Plugin wie WPForms alles, was Sie brauchen. Wenn Sie jedoch mehr Funktionen benötigen, z. B. die Möglichkeit, das Erscheinungsbild der Anmeldeseite anzupassen, ist ein kostenpflichtiges Plugin wie Ultimate Member möglicherweise die bessere Option.
Derzeit sind sieben Premium-Erweiterungen verfügbar, weitere werden folgen (Vorschläge willkommen; Vorschläge sind willkommen, und eine kostenlose Testversion wird bereitgestellt). Sie können das WordPress-Forum nicht verwenden, um Erweiterungen von Frosty Media-Websites zu kaufen, die nicht auf WordPress.org gehostet werden. Diejenigen, die daran interessiert sind, mit ihrem Flickr-Konto anzugeben, sollten zur Flickr-Gruppe gehen. Wir fügen Ihren Upload automatisch unserem Pool hinzu. Befolgen Sie die nachstehenden Anweisungen, um das Plugin zu installieren. Vor der Verwendung des Programms muss der Benutzer über einen gültigen Lizenzschlüssel verfügen. Auf Frosty finden Sie alle benutzerdefinierten Anmeldeerweiterungen, die Sie benötigen.
Benutzerdefiniertes WordPress-Anmeldeformular programmgesteuert
Es gibt verschiedene Möglichkeiten, wie Sie ein benutzerdefiniertes Anmeldeformular für WordPress erstellen können. Eine Möglichkeit ist die Verwendung eines Plugins wie ProfilePress oder Custom Login Form. Mit diesen Plugins können Sie ein benutzerdefiniertes Anmeldeformular erstellen und es dann in Ihre WordPress-Site einfügen.
Eine andere Möglichkeit, ein benutzerdefiniertes Anmeldeformular zu erstellen, besteht darin, es selbst zu tun. Sie können dies tun, indem Sie eine neue WordPress-Seitenvorlage erstellen und dieser Vorlage dann den Code für das Anmeldeformular hinzufügen. Sobald Sie die Vorlage erstellt haben, können Sie sie zu Ihrer WordPress-Site hinzufügen, indem Sie Ihrer Datei functions.php eine Codezeile hinzufügen.
Das Erstellen eines benutzerdefinierten Anmeldeformulars in WordPress ist ein guter Ausgangspunkt, wenn Sie ein flexibles Formular erstellen möchten. Sie erfahren, wie Sie ein WordPress-Anmeldeformular zu jeder Seite Ihrer Website hinzufügen. Wenn Ihre Website benutzerorientiert ist, möchten Sie, dass Benutzer ihre Konten am Frontend der Website und nicht am Backend registrieren. Zum Erstellen einer benutzerdefinierten WordPress-Anmeldeseite ist ein Plugin erforderlich. Sie müssten ein Plugin installieren, um auf WordPress-Funktionen sowie andere Dateien auf Ihrem Computer zugreifen zu können. Es wäre auch notwendig, eine Reihe verschiedener Möglichkeiten zu codieren, damit Ihr Anmeldeformular auf Ihrer Website ordnungsgemäß funktioniert. Das Benutzerregistrierungs-Add-on von Formidable enthält ein Benutzeranmeldeformular, das zur Registrierung von Benutzern verwendet werden kann.

Sie können Ihre Formulare überall auf Ihrer Website platzieren und sie können dann mit Formidable auf andere Seiten Ihrer Website umgeleitet werden. Stilvorlagen können basierend auf der Form-Styler-Schnittstelle erstellt und in einer Vielzahl von Formaten angewendet werden. Diese Schritt-für-Schritt-Anleitung führt Sie durch den Prozess der Konfiguration eines Passwort-Reset-Systems auf Ihrer WordPress-Website. Der erste Schritt besteht darin, einen Link zum Zurücksetzen des Passworts in das Registrierungsformular für Ihr benutzerdefiniertes Login einzugeben. Danach erstellen wir eine Seite, auf der Benutzer ihre Passwörter zurücksetzen können. Dann muss der Shortcode, den wir in den Body der Seite einfügen können, kopiert und eingefügt werden.
WordPress-Frontend-Anmeldeformularcode
Ein WordPress-Frontend-Anmeldeformular ist eine großartige Möglichkeit, Ihrer WordPress-Site ein Anmeldeformular hinzuzufügen. Es gibt verschiedene Möglichkeiten, ein Frontend-Anmeldeformular zu Ihrer WordPress-Site hinzuzufügen, aber die gebräuchlichste Methode ist die Verwendung eines Plugins.
Es gibt ein paar verschiedene Plugins, die Sie verwenden können, um Ihrer WordPress-Site ein Frontend-Anmeldeformular hinzuzufügen. Eines der beliebtesten Plugins ist das WPForms-Plugin. WPForms ist ein leistungsstarkes Plugin, mit dem Sie benutzerdefinierte Formulare und Umfragen für Ihre WordPress-Site erstellen können.
Wenn Sie kein Plugin verwenden möchten, können Sie Ihrer WordPress-Site auch ein Frontend-Anmeldeformular hinzufügen, indem Sie der Datei functions.php Ihres Themes ein paar Codezeilen hinzufügen.
Das Hinzufügen eines Frontend-Anmeldeformulars zu Ihrer WordPress-Site ist eine großartige Möglichkeit, ein Anmeldeformular zu Ihrer WordPress-Site hinzuzufügen.
Google Login WordPress ohne Plugin
Es gibt einige Möglichkeiten, sich bei WordPress anzumelden, ohne ein Plugin zu verwenden. Eine Möglichkeit ist die Verwendung der Google Authenticator-App. Sobald Sie die App auf Ihrem Telefon installiert haben, können Sie zur Seite Google-Konten gehen und die Zwei-Faktor-Authentifizierung aktivieren. Danach müssen Sie jedes Mal, wenn Sie sich anmelden, einen Code aus der App eingeben.
Eine andere Möglichkeit, sich bei WordPress anzumelden, ohne ein Plugin zu verwenden, ist die Verwendung eines externen Dienstes wie Authy. Authy ist ein Zwei-Faktor-Authentifizierungsdienst, der mit WordPress verwendet werden kann. Eine Anleitung zur Einrichtung finden Sie auf der Authy-Website.
Schließlich können Sie auch einen Hardware-Token wie einen YubiKey verwenden. YubiKey ist ein USB-Gerät, mit dem Sie sich bei WordPress anmelden können. Anweisungen zur Einrichtung finden Sie auf der YubiKey-Website.
Sie müssen sich keine Gedanken über Sicherheit oder andere Probleme machen, wenn Sie ein Plugin für diese Art von Funktionalität verwenden. Die meisten saisonalen Programmierer sind mit der OAuth-Bibliothek nicht vertraut, aber wenn Sie diesem einfachen Tutorial folgen, werden Sie es sein. Ich verwende Google OAuth2, um ein WordPress-Anmeldesystem zu erstellen und YouTube-Kanaldaten aus dem Internet abzurufen. Diese Funktion kann nur als Anmeldemechanismus verwendet werden, und der integrierte Benutzername und das Kennwort können entfernt werden. Wie deaktiviere ich den in WordPress integrierten Authentifizierungsmechanismus?
So erstellen Sie eine benutzerdefinierte Anmelde- und Registrierungsseite in WordPress
Wenn Sie eine benutzerdefinierte Anmelde- und Registrierungsseite in WordPress erstellen möchten, müssen Sie eine neue Seitenvorlage erstellen und dann die Funktion wp_login_form() verwenden, um das Anmeldeformular auszugeben. Sie können dann die Funktion wp_register_form() verwenden, um das Registrierungsformular auszugeben.
WordPress – Formidable Forms: So erstellen Sie eine Anmeldeseite für WordPress. Wir zeigen Ihnen, wie Sie ein Benutzerregistrierungstool verwenden, um eine Anmeldeseite zu einer beliebigen WordPress-Site hinzuzufügen. Der Markenwert wird verbessert, die Benutzererfahrung wird verbessert und die Sicherheit wird verbessert. Sie müssen mit ziemlicher Sicherheit eine benutzerdefinierte Website erstellen, wenn Sie ein robustes Benutzerregistrierungssystem benötigen. Formidable ist einfach zu installieren, solange Sie dieselben Schritte wie jedes andere WordPress-Plugin befolgen. Um unser Benutzerregistrierungssystem nutzen zu können, müssen Sie über einen Business-Tarif verfügen. Aufgrund der unterschiedlichen Daten, die Benutzer bei der Registrierung sammeln, haben wir eine bearbeitbare Benutzerregistrierungsvorlage erstellt, die Benutzer sofort verwenden können.
Nachdem ein Benutzer eine Registrierung abgeschickt hat, erhält er ein Passwort und alle seine Informationen werden seinem Konto hinzugefügt. Die Benutzerregistrierungsdokumentation enthält eine Fülle von Konfigurationsoptionen. Da Formidable den gesamten Anmeldevorgang in WordPress automatisiert, müssen wir nicht lernen, wie man die Anmeldeseite ändert. In WordPress müssen Sie nur dann eine Anmeldeseite erstellen, wenn Sie Ihr Anmeldeformular veröffentlichen möchten. Sie können auch den Builder verwenden, um Ihre eigene Seite zu erstellen. Es steht Ihnen frei, ein Anmelde- und Registrierungsformular für jeden gewünschten Beitrag oder jede gewünschte Seite zu erstellen.
Shortcode für Anmeldeseite erstellen
Angenommen, Sie möchten ein Tutorial zum Erstellen eines Anmeldeseiten-Shortcodes:
Ein Anmeldeseiten-Shortcode ist ein Code, mit dem Sie eine benutzerdefinierte Anmeldeseite für Ihre WordPress-Site erstellen können. Dies ist nützlich, wenn Sie eine Anmeldeseite erstellen möchten, die dem Erscheinungsbild Ihrer Website entspricht, oder wenn Sie Ihrer Anmeldeseite zusätzliche Funktionen hinzufügen möchten.
Um einen Shortcode für die Anmeldeseite zu erstellen, müssen Sie Ihrer Datei functions.php den folgenden Code hinzufügen:
Funktion my_login_page_shortcode() {
if ( is_user_logged_in() ) {
global $aktueller_Benutzer;
get_currentuserinfo();
echo 'Willkommen, ' . $aktueller_Benutzer->Benutzeranmeldung . '!';
} anders {
echo 'Bitte melden Sie sich an, um diesen Inhalt anzuzeigen.';
}
}
add_shortcode( 'login_page', 'my_login_page_shortcode' );
Dieser Code erstellt einen Shortcode für die Anmeldeseite, den Sie auf jeder Seite verwenden oder auf Ihrer WordPress-Site posten können. Bei Verwendung zeigt dieser Shortcode eine Nachricht für angemeldete Benutzer und ein Anmeldeformular für nicht angemeldete Benutzer an.
ProfileGrid ist ein Plugin, das ausschließlich dazu dient, effizientere Mitgliederseiten zu erstellen. Es enthält auch vordefinierte Seiten, Codes und Erweiterungen, mit denen Sie Aufgaben schnell und einfach erledigen können. Eine ganze Seite, die Shortcodes aus dem ProfileGrid gewidmet ist, kann auf einem WP-Dashboard gefunden werden. Die Shortcodes dienen als schnelle Möglichkeit, eine Vielzahl von Aufgaben in PG auszuführen. Das Erstellen einer Anmeldeseite für Ihre Mitgliederseite mit ProfileGrid war fast kinderleicht. Wir mussten einfach den Shortcode, den wir für das WordPress-Anmeldeformular benötigten, in die entsprechende Spalte einfügen. Es liegt in Ihrer Verantwortung als Plugin-Entwickler, Ihre Anwendung zu codieren und zu erstellen. Infolgedessen können Amateure professionelle Mitgliederseiten erstellen.