So erstellen Sie eine Anmeldeseite in WordPress, ohne ein Plugin zu verwenden

Veröffentlicht: 2022-09-11

Wenn Sie eine Anmeldeseite in WordPress erstellen möchten, ohne ein Plugin zu verwenden, können Sie dies tun, indem Sie ein paar einfache Schritte befolgen. Zuerst müssen Sie eine neue Seite in WordPress erstellen und der Seite dann den folgenden Code hinzufügen: [loginf] Benutzername: Passwort: [/loginf] Nachdem Sie diesen Code zur Seite hinzugefügt haben, müssen Sie die Seite speichern und laden Sie es dann in Ihr WordPress-Verzeichnis hoch. Nachdem die Seite hochgeladen wurde, müssen Sie die Seite in Ihrem Browser besuchen und sich dann mit Ihrem WordPress-Benutzernamen und Passwort anmelden.

Dieser Artikel führt Sie durch die Erstellung einer Anmeldeseite in WordPress, ohne Plugins zu verwenden oder die standardmäßige WordPress-Anmeldeseite zu ändern. In diesem Tutorial behandeln wir zwei Methoden: Erstellen Sie einen Shortcode für die Anmeldeseite und verwenden Sie die Anmeldefunktion für eine benutzerdefinierte Seitenvorlage. Mit dieser Methode kann der Benutzer eine Anmeldeseite erstellen, die in jedem Bereich seiner Website sichtbar ist. Wenn der Benutzer nicht angemeldet ist, verwenden wir die Funktion add_shortcode(), um das Anmeldeformular anzuzeigen. WordPress definiert eine Funktion, die als WP_login_form() bekannt ist, um Theme-Entwicklern zu ermöglichen, WordPress-Formulare überall auf der Website anzuzeigen. Ein $args-Array kann verwendet werden, um zu steuern, wie das Formular angezeigt wird. Im folgenden Beispiel können Sie das Argumentarray festlegen und an diese Funktion übergeben.

Im Gegensatz zu den standardmäßigen WordPress-Login-Formular-Labels zeigt das Formular die neuen Labels an, die Sie dem Array hinzugefügt haben. Verwenden Sie eine Shortcode-Funktion, um einen Shortcode für das WordPress-Anmeldeformular zu erstellen. Die andere Option besteht darin, eine benutzerdefinierte Seitenvorlage zu erstellen und die Funktion wp_login_form() zu verwenden, um das Anmeldeformular zu veröffentlichen. Dieser Code sollte als Datei mit dem Namen login-page.php gespeichert werden und sich im Stammordner des WordPress-Themes befinden. Sie sollten über das unten gezeigte Anmeldeformular auf Ihr Konto zugreifen können.

Wie erstelle ich eine benutzerdefinierte WordPress-Seite ohne Plugins?

Um eine benutzerdefinierte WordPress-Seite ohne Plugins zu erstellen, müssen Sie eine neue Seitenvorlage erstellen. Erstellen Sie dazu im Ordner Ihres Themes eine neue Datei mit dem Namen page-custom.php. In diese Datei müssen Sie Folgendes einfügen: Die WordPress-Kopfzeile Die WordPress-Schleife Ihr benutzerdefiniertes HTML, CSS und PHP Die WordPress-Fußzeile Sobald Sie diese Seitenvorlage erstellt haben, können Sie eine neue Seite in WordPress erstellen und Ihre Seite auswählen Vorlage aus dem Dropdown-Menü.

Plugin für die Anmeldeseite in WordPress

Bildnachweis: Colorlib

Es sind viele Plugins verfügbar, mit denen Sie die Anmeldeseite für Ihre WordPress-Site anpassen können. Einige Plugins ermöglichen es Ihnen, das Hintergrundbild zu ändern, ein Logo hinzuzufügen und das Farbschema zu ändern. Bei anderen können Sie Schaltflächen für soziale Medien und benutzerdefinierte Felder hinzufügen. Wählen Sie ein Plugin, das Ihren Anforderungen entspricht, und installieren Sie es auf Ihrer Website.

Mit dem WP-Anmeldeformular können Sie ein einfaches Anmeldeformular für jede WordPress-Site erstellen und es überall auf Ihrer Site verwenden. Sie können es mit einem Shortcode zu einem Beitrag, einer Seite oder einer Seitenleiste hinzufügen. Einige der Standardoptionen können angepasst werden, aber es gibt andere Parameter, die dem Shortcode hinzugefügt werden können. Google reCAPTCHA v3 ist im WP-Anmeldeformular enthalten, um Ihr Formular vor Spam und anderen automatisierten Formen des Missbrauchs zu schützen. Diese Funktion kann aktiviert werden, indem Sie zu Einstellungen > WP-Anmeldeformular gehen und auf die Schaltfläche Aktivieren klicken. Diese Methode erstellt ein sauberes Markup mit Klassen, verwendet jedoch kein CSS, sodass das Formular an Ihre spezifischen Anforderungen angepasst werden kann.

WordPress-Anmeldeseite

Bildnachweis: TemplateToaster

Die WordPress-Anmeldeseite ist die Seite, auf der Sie Ihren Benutzernamen und Ihr Passwort eingeben, um sich bei Ihrer WordPress-Site anzumelden. Diese Seite befindet sich normalerweise unter www.yourdomain.com/wp-login.php.

Standardmäßig werden WordPress-Benutzer zur Anmeldung in den Administrationsbereich geleitet. Durch die Erstellung einer Frontend -Anmeldeseite können Sie all dies vermeiden. Auf diese Weise können Sie die Option „Jetzt registrieren“ oder „Neues Konto erstellen“ hinzufügen. Sie werden in der Lage sein, deutlich mehr Konten zu generieren, wenn Sie diese Methode verwenden. Indem Sie links auf Theme My Login klicken, können Sie zur Registerkarte Allgemein des linken Admin-Bereichs navigieren. Es wird erwartet, dass das Plugin standardmäßig die einfachsten Slugs für jede seiner Seiten generiert. Schnecken finden Sie im Abschnitt Einstellungen unter dem Abschnitt Einstellungen.

Slugs sind nützlich, um zu veranschaulichen, auf welchen Seiten sich ein Besucher befindet. Als Teil des Plugins wurde ein neues Widget für Ihre Seitenleiste und Fußzeilen hinzugefügt. Das Widget ist sehr einfach zu verwenden und enthält eine Anmeldeoption . Ein Login, ein Register oder ein verlorenes Passwort können alle verwendet werden. Wenn Sie die Anmeldeoption zu Ihrer Seitenleiste oder Fußzeile hinzufügen, wird es den Benutzern erleichtert, sich anzumelden. Mit dem Theme My Login-Plugin können Sie einfache Login-bezogene Seiten erstellen, die Ihrem Thema entsprechen. Mailchimp, Avatare, 2FA (Zwei-Faktor-Autorisierung), Einschränkungen, Moderation, Sicherheit, Weiterleitung, reCAPTCHA, Profile und Benachrichtigungen sind derzeit alle im Plugin enthalten. Zusätzlich zu kostenlosen Plugins können Sie viele, wenn nicht alle dieser Funktionen kostenlos hinzufügen.

Die Kunst des Schenkens Die Kunst des Schenkens

So erstellen Sie eine benutzerdefinierte Anmelde- und Registrierungsseite in WordPress

Bildnachweis: formidableforms.com

Wenn Sie eine benutzerdefinierte Anmelde- und Registrierungsseite in WordPress erstellen möchten, müssen Sie zunächst eine Seitenvorlage erstellen. Dazu müssen Sie im Verzeichnis Ihres Themes eine neue Datei erstellen und diese „page-login.php“ nennen. In diese Datei müssen Sie den folgenden Code einfügen: /* Vorlagenname: Anmeldeseite */ // Code zum Anzeigen des Anmeldeformulars kommt hierher… // Code zum Verarbeiten des Anmeldeformulars kommt hierher… ? > Nachdem Sie diese Seitenvorlage erstellt haben, müssen Sie eine Seite in WordPress erstellen und ihr die Verwendung der soeben erstellten Seitenvorlage zuweisen. Danach können Sie das Anmeldeformular zur Seite hinzufügen und beliebige andere Inhalte hinzufügen.

Formidable Forms – So richten Sie eine Anmelde- und Registrierungsseite in WordPress ein. Mit dem Benutzerregistrierungstool können Sie eine neue Anmeldeseite für jede WordPress-Site erstellen. Durch die Verbesserung von Branding, Benutzererfahrung und Sicherheit kann die Anwendung angepasst werden. Wenn Sie sich noch nicht für eines entschieden haben, ist dieses möglicherweise eine gute Wahl für Ihre Website. Die Installation von Formidable ist so einfach wie die Installation jedes anderen Plugins auf Ihrem WordPress-Dashboard. Wenn Sie unser Benutzerregistrierungssystem nutzen möchten, müssen Sie zuerst unseren Business-Plan erwerben. Da jedes Unternehmen bei der Registrierung unterschiedliche Daten von seinen Benutzern erhebt, haben wir eine bearbeitbare Benutzerregistrierungsvorlage erstellt.

Wenn Sie diesem Tutorial folgen, müssen Sie Ihr Anmeldeformular nicht ändern. Sie sollten einen sicheren Registrierungsprozess für Ihre Benutzer einrichten, sobald sie ihre Registrierung übermittelt haben. Unsere Benutzerregistrierungsdokumentation enthält eine Fülle von Optionen, die Sie auswählen können. Da das Benutzerregistrierungssystem alle Schritte übernimmt, die zum Ändern der Anmeldeseite in WordPress erforderlich sind, müssen wir nicht lernen, wie das geht. Laden Sie einfach Ihr Anmeldeformular auf diese Seite hoch, wenn Sie eine Anmeldeseite auf WordPress erstellen möchten. Sie können dann den Builder verwenden, um Ihre eigene Seite zu erstellen, aber Sie können damit nichts falsch machen. Jeder Beitrag oder jede Seite, auf der Sie Ihre Anmelde- und Registrierungsformulare schreiben möchten, kann dort abgelegt werden.

Wie erstelle ich eine benutzerdefinierte Anmelde- und Registrierungsseite in Woocommerce?

Alles, was Sie tun müssen, ist, zu WooCommerce > Einstellungen zu gehen und die erforderlichen Änderungen vorzunehmen. Die Registerkarte Konten finden Sie im Dropdown-Menü. Um die Erstellung eines Kontos zu ermöglichen, gehen Sie auf die Seite „Mein Konto“ und suchen Sie nach „Kunden dürfen ein Konto erstellen“.

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. Sie finden die App im Google Play Store oder im Apple App Store. Sobald Sie die App installiert haben, öffnen Sie sie und tippen Sie auf das Pluszeichen in der oberen rechten Ecke. Tippen Sie auf Barcode scannen und scannen Sie den QR-Code auf der WordPress-Anmeldeseite. Sobald der Code gescannt wurde, können Sie sich mit Ihrem Google-Konto bei WordPress anmelden.

Es wird dringend empfohlen, für solche Funktionen ein Plugin zu verwenden, da Sie sich keine Gedanken über die Sicherheit oder andere Probleme machen müssen. Die OAuth-Bibliothek kann für saisonale Programmierer schwierig zu verstehen sein, aber dieses Tutorial ist einfach zu befolgen, sodass Sie sofort loslegen können. Sie müssen immer noch Ihr eigenes Plugin erstellen, auch wenn Sie sich für eine der Optionen entscheiden. Ich verwende die Google OAuth-API, um ein Anmeldesystem in WordPress zu erstellen, das YouTube-Kanaldaten abruft. Ich möchte den integrierten Benutzernamen/das integrierte Passwort sowie den aktuellen Benutzernamen aus dem Anmeldemechanismus entfernen. Wie integriert man ein CMS-Login in ein WordPress-Theme?

WordPress Text zur Anmeldeseite hinzufügen

Das Hinzufügen von Text zu Ihrer WordPress-Anmeldeseite ist eine großartige Möglichkeit, Ihre Website zu personalisieren und benutzerfreundlicher zu gestalten. Es gibt verschiedene Möglichkeiten, dies zu tun, aber am einfachsten ist es, ein Plugin wie Login Customizer zu verwenden. Auf diese Weise können Sie Ihrer Anmeldeseite benutzerdefiniertes CSS hinzufügen, mit dem Sie beliebigen Text oder Bilder hinzufügen können.

Hooks für die WordPress-Anmeldeseite

In WordPress ist ein Hook ein Stück Code, das ausgeführt wird, wenn ein bestimmtes Ereignis eintritt. Ereignisse in WordPress können durch Aktionen ausgelöst werden, die ein Benutzer ausführt, wie z. B. das Anmelden, oder durch einen Timer. Hooks können verwendet werden, um das Verhalten von WordPress zu ändern oder neue Funktionen hinzuzufügen. Es gibt zwei Arten von Hooks in WordPress: Aktionen und Filter. Aktionen sind Hooks, die ausgelöst werden, wenn ein Ereignis eintritt, und Filter sind Hooks, die Daten ändern, bevor sie angezeigt werden. Die WordPress-Anmeldeseite hat mehrere Hooks, die verwendet werden können, um ihr Verhalten zu ändern. Beispielsweise kann der Hook „login_form“ verwendet werden, um zusätzliche Felder zum Anmeldeformular hinzuzufügen oder den Text zu ändern, der auf der Anmeldeschaltfläche angezeigt wird. Wenn Sie ein Entwickler sind, können Sie Hooks verwenden, um die Funktionsweise von WordPress zu ändern oder Ihrer Website neue Funktionen hinzuzufügen. Wenn Sie kein Entwickler sind, können Sie Hooks verwenden, um das Aussehen Ihrer WordPress-Site zu ändern oder neue Funktionen hinzuzufügen.

Mit diesem Plug-in können Sie die Rückruf-URL ändern, die das Login-Plug-in an den Anmeldeablauf von Google sendet. Es ist nützlich, um Informationen wie die URL eines Profilfotos zu erhalten und zu speichern. Dies funktioniert in allen Versionen des Plugins, aber es ist möglich, den Text festzulegen, der auf der Schaltfläche „Mit Google anmelden“ in den Premium-/kommerziellen Versionen angezeigt wird. Wenn das Standard-Szenario befolgt wird, können bei einigen Webservern Caching-Probleme auftreten, was regelmäßig zu dynamisch generierten Seiten führt. Zum Anlegen des Benutzers bedeutet dies, dass die in der Funktion wp_insert_user enthaltenen Daten weitergegeben werden. Der Filter gal_sanitize_username wird vorhanden sein. Dieser Hook teilt Ihrer Erweiterung mit, wenn das Login-Plug-in einen Benutzer zum ersten Mal erstellt, wenn er versucht, sich bei Google anzumelden.

Diese Funktion zeigt die E-Mail-Adressen von Google-Gruppen an, bei denen der Benutzer Mitglied ist (einschließlich der Faux-Gruppe, die aus der eigenen E-Mail-Adresse des Benutzers besteht). Der boolesche Wert $is_user_member gibt an, ob der Benutzer bereits Mitglied dieses Blogs war oder nicht. Entfernen Sie alle Berechtigungen aus dem Blog für einen Benutzer, indem Sie eine leere Zeichenfolge zurückgeben. Dieser Hook wird vom Login-Plugin verwendet, um Besucher über die Änderung der Benutzerrolle (für einen bestimmten Blog) zu informieren.