So erstellen Sie ein benutzerdefiniertes WordPress-Anmeldeformular (und warum sollten Sie)

So erstellen Sie eine benutzerdefinierte WordPress-Anmeldeseite (und warum sollten Sie)

Möglicherweise haben Sie viel Arbeit in die Erstellung Ihrer WordPress-Site gesteckt, damit sie im Front-End gut aussieht. Möglicherweise ignorieren Sie jedoch einen entscheidenden Aspekt: ​​Ihr WordPress-Anmeldeformular.


Es gibt viele Gründe, Ihr WordPress-Anmeldeformular anzupassen, z. B. um die Sicherheit zu verbessern, die Markenbekanntheit zu steigern und die Benutzererfahrung zu verbessern. Jeder dieser Gründe sollte ausreichen, um Sie davon zu überzeugen, sich vom Standard-WordPress-Anmeldebildschirm zu trennen. Diese einfache Änderung ist eine überraschend gute Möglichkeit, Ihre Website zu verbessern.

In diesem Beitrag werden die Vorteile der Erstellung eines benutzerdefinierten WordPress-Anmeldeformulars erläutert. Anschließend stellen wir einige Tools vor, mit denen Sie diese Aufgabe problemlos ausführen können, darunter einige der besten benutzerdefinierten Plugins für Anmeldeseiten, aus denen Sie auswählen können. Lass uns anfangen!

Warum ein benutzerdefiniertes WordPress-Anmeldeformular für Ihre Website von Vorteil ist

Als Inhaber einer WordPress-Website sind Sie mit ziemlicher Sicherheit mit dem Standard-Anmeldeformular für WordPress vertraut. Es ist perfekt funktionell, sieht aber nackt aus. Siehe Ausstellung A:

Haupt-WordPress-Anmeldeformular

Es bietet auch keine besonderen Sicherheitsfunktionen, um Hacker und andere unerwünschte Ereignisse aus Ihrem Administratorbereich fernzuhalten, außer den grundlegenden WordPress-Sicherheitseinstellungen (wie sichere Passwörter). Aus diesen Gründen verdient Ihr Anmeldeformular genauso viel Aufmerksamkeit wie jeder andere Bereich Ihrer Website.

Hier sind nur einige der Vorteile der Anpassung Ihres WordPress-Anmeldeformulars:

  1. Bessere Sicherheit. Sie können Ihre Anmeldeseite schützen, indem Sie Ihr Anmeldeformular auf eine eindeutige URL umleiten, wodurch es für Hacker schwieriger wird, Ihre Anmeldeseite zu finden. Außerdem können Sie festlegen, wie oft sich eine Person anmelden kann, oder sogar eine Multi-Faktor-Authentifizierung hinzufügen.
  2. Markenkonsistenz. Wenn Sie Ihr Branding auf Ihr Anmeldeformular ausweiten, können Sie die Konsistenz mit dem Rest Ihrer Website aufrechterhalten, sodass Ihre Benutzer und Teammitglieder eine zusammenhängende Erfahrung haben. Wenn Sie WordPress soziale Anmeldungen hinzufügen, können sich Ihre Leser oder Mitglieder noch einfacher anmelden und Ihre Inhalte teilen.
  3. Erweiterte Navigation. Sie können Ihr Anmeldeformular verwenden, um Ihren Endbenutzern zusätzliche Navigation bereitzustellen. Sie können auf Social-Media-Profile verlinken oder Sonderangebote direkt auf dem Anmeldebildschirm anzeigen.
  4. Verbesserte Benutzererfahrung. Sie können Ihr Anmeldeformular so anpassen, dass Endbenutzer zu einer beliebigen Seite gelangen, z. B. zu einer benutzerdefinierten Profilseite oder einer speziellen Aktion, oder Sie können benutzerdefinierte Nachrichten erstellen.

Dies sind nur einige der Vorteile, die Sie mit einem benutzerdefinierten Anmeldeformular erzielen können. Das erste ist jedoch das wichtigste. Die Sicherheit sollte bei der Entscheidung über Änderungen an Ihrer Website immer im Vordergrund stehen. In diesem Fall können Sie sie mit nur wenigen einfachen Änderungen erheblich verbessern.

Hilfreiche Tools zum Erstellen eines benutzerdefinierten WordPress-Anmeldeformulars

Inzwischen verstehen Sie die Gründe, warum Sie Ihr WordPress-Anmeldeformular möglicherweise ändern möchten. Glücklicherweise gibt es viele Plugins, die Ihnen helfen können (außerdem können viele auch zum Anpassen anderer WordPress-Formulare verwendet werden). Die folgenden Optionen gehören zu den besten auf dem Markt und bieten hervorragende Funktionen und einen guten Ruf für Zuverlässigkeit.

ProfilePress-Benutzerregistrierung, Front-End-Login und WordPress-Plugin für Benutzerprofile

ProfilePress-Benutzerregistrierung

Info & DownloadDemo anzeigen

ProfilePress ist ein praktisches Plugin, mit dem Sie Ihre benutzerdefinierte WordPress-Anmeldung, Registrierung, das Zurücksetzen von Passwörtern und das Bearbeiten von Profilformularen anpassen können. Sie können es auch verwenden, um für jeden Benutzer eindeutige Front-End-Benutzerprofile zu erstellen.

Sie müssen das Rad nicht neu erfinden, indem Sie die Formulare von Grund auf neu erstellen und sich mit der serverseitigen Validierung, Authentifizierung und Autorisierung befassen. Lassen Sie ProfilePress all das und mehr für Sie erledigen. Es ist erwähnenswert, dass ProfilePress Shortcodes verwendet. Anstatt Formulare wie gewohnt in HTML zu codieren, fügen Sie einfach einen Shortcode ein. Die Flexibilität von Shortcodes ermöglicht es, dass ein Anmeldeformular im Bild unten möglich ist.

ProfilePress wird sogar mit schönen gebrauchsfertigen Vorlagen geliefert. Die Verwendung dieser vorgefertigten Vorlagen ist sehr einfach. Kopieren Sie einfach den Vorlagen-Shortcode und fügen Sie ihn in eine WordPress-Seite ein. Speichern Sie ihn dann. Vorschau, um das Formular live zu sehen. Einfach wie Torte.

ProfilePress enthält auch viele andere aufregende Funktionen, darunter: Moderation registrierter Benutzer, soziale Anmeldung über Facebook, Twitter, LinkedIn, Google, GitHub und VK.com, kennwortlose Benutzeranmeldung, Integration mit BuddyPress, BbPress, MailChimp, CampaignMonitor, Polylang, Multisite etc..

Hauptmerkmale:

  • Ermöglicht das Anpassen Ihrer Anmeldeformulare, Registrierungsformulare und Kennwortrücksetzformulare
  • Bietet Live-Vorschauen, um den Entwurfsprozess zu vereinfachen
  • Hiermit können Sie Anmeldungen, Registrierungen und Kennwortrücksetzungen auf benutzerdefinierte Seiten umleiten
  • Bietet Multisite-Integration, mit der Benutzer neue Websites über ein Front-End-Registrierungsformular erstellen können
  • Ermöglicht Benutzern das Hochladen von Avataren und bietet Moderations- und Social Media-bezogene Funktionen (Premium-Version)

Benutzerdefinierte Anmeldeseite Customizer Kostenloses WordPress-Plugin

Benutzerdefinierte Anmeldeseite Customizer Kostenloses WordPress-Plugin

Wenn Sie nach einer schnellen und einfachen Möglichkeit suchen, Ihr WordPress-Anmeldeformular anzupassen, ist der Customizer für benutzerdefinierte Anmeldeseiten eine hervorragende Option. Es verwendet den bekannten Live-Customizer mit einfachen Optionen zum Ändern von Logo, Hintergrund, Auffüllungen, Formularfeldern und Schaltflächen. Außerdem können Sie für erweiterte Änderungen jederzeit ein wenig benutzerdefiniertes CSS hinzufügen.

Hauptmerkmale:

  • Einfach zu bedienende Designoptionen
  • Vertraute Customizer-Oberfläche
  • Zeigen Sie Änderungen in der Vorschau an, während Sie sie vornehmen

Admin Custom Login Page Kostenloses WordPress Plugin

Admin Custom Plugin Page Plugin

Mit dem Plugin zum Anpassen der WordPress-Anmeldeseite können Sie Ihr Anmeldeformular ganz einfach so personalisieren, dass es genau richtig aussieht. Sie haben die Möglichkeit, Farben zu ändern, ein Hintergrundbild hinzuzufügen und sogar eine Hintergrund-Diashow zu erstellen. Zusätzlich zu den Anpassungsfunktionen reagiert dieses Plugin auf mobile Websites und ist in Google Fonts integriert.

Hauptmerkmale:

  • Ermöglicht es Ihnen, Benutzer zu einer benutzerdefinierten Anmeldeformular-URL umzuleiten
  • Hiermit können Sie Ihr Anmeldeformular mit Farben und Hintergrundmedien personalisieren
  • Enthält Konnektivitätsfunktionen für soziale Medien

LoginPress Custom Login Page Customizer Kostenloses WordPress Plugin

LoginPress Custom WordPress Login Form Customizer

Mit LoginPress können Sie Ihr WordPress-Anmeldeformular einfach und intuitiv anpassen. Sie können Ihre Anmeldeseite direkt in Ihrem WordPress-Dashboard bearbeiten und benutzerdefinierte Felder und Nachrichten für Benutzer hinzufügen. Darüber hinaus gibt es zahlreiche designorientierte Funktionen, mit denen Sie das Branding und den Stil des Restes Ihrer Website anpassen können.

Hauptmerkmale:

  • Hiermit können Sie Ihrem Anmeldeformular benutzerdefinierte Logos und Hintergründe hinzufügen
  • Ermöglicht das Ändern der Farben von Schaltflächen und anderen Elementen
  • Bietet die Option zum Erstellen benutzerdefinierter Fehler- und Begrüßungsnachrichten

White Label Branding für WordPress Premium WordPress Plugin

White Label Branding für WordPress

Info & DownloadView Die Demo

Mit diesem Premium-Plugin können Sie nicht nur Ihr Anmeldeformular, sondern Ihren gesamten WordPress-Administrationsbereich anpassen. Sie können White Label Branding für WordPress auch verwenden, um zu steuern, was ein Benutzer basierend auf seiner zugewiesenen Rolle sieht, z. B. Editor oder Autor, und um bestimmte Bereiche bei Bedarf auszublenden. Dies schafft eine wertvolle zusätzliche Sicherheitsebene für Ihre Site.

Hauptmerkmale:

  • Ermöglicht es Ihnen, Ihren WordPress-Administrationsbereich basierend auf Benutzerrollen vollständig anzupassen
  • Hiermit können Sie Ihr Anmeldeformular und Ihr Back-End anpassen, einschließlich Logos, Favoriten, Kopf- und Fußzeilen
  • Bietet einen visuellen CSS-Editor

Maßgeschneiderte Anmeldung Benutzerdefinierte Anmeldeseite Premium WordPress Plugin

Maßgeschneiderte Anmeldung Benutzerdefinierte Anmeldeseite Plugin

Info & Download

Das Tailored Login-Plugin verfügt über einen integrierten Style-Manager für Ihr Anmeldeformular und bietet eine Vielzahl von Anpassungsoptionen. Sie können optionale Widgets hinzufügen und die Hintergründe, Überschriften, Schaltflächen und mehr für Ihren Anmeldebereich personalisieren. Das Plugin ist Teil einer iThemes-Mitgliedschaft, die Premium-Support und ein Community-Forum umfasst.

Hauptmerkmale:

  • Bietet einen Stil-Manager, mit dem Sie Farben, Schriftarten und Widget-Bereiche anpassen können
  • Bietet anpassbare Anmeldeformulare mit bearbeitbaren Kopf- und Fußzeilen, Schaltflächen und Links
  • Hiermit können Sie Ihrer Anmeldeseite bis zu zwei Widget-Bereiche hinzufügen
  • Bonus: Dieses Plugin ist als Teil der Plugin Suite von iTheme verfügbar. Wenn Sie also bereits über das Paket verfügen oder an einigen anderen fantastischen Plugins von iTheme interessiert sind, kann dies sehr hilfreich sein

So passen Sie Ihr WordPress-Anmeldeformular an

Nachdem Sie einige hilfreiche Tools gesehen haben, mit denen Sie Ihr WordPress-Anmeldeformular ändern können, finden Sie hier einen kurzen Überblick darüber, wie Sie dies tatsächlich tun. Natürlich sind diese Schritte für jedes der oben genannten Plugins unterschiedlich. Wenn Sie ein funktionsreiches Plugin mit vielen Einstellungen und Optionen auswählen, kann es etwas länger dauern, bis Sie Ihr WordPress-Anmeldeformular eingerichtet haben. Im Moment zeigen wir Ihnen jedoch eine der einfachsten Optionen.

Schritt 1: Installieren Sie Ihr Anmeldeformular-Plugin

Installieren Sie das Login Form Customizer Plugin

Wählen Sie also zunächst Ihr Plugin aus, installieren Sie es und aktivieren Sie es. Wenn sich das gewünschte Plugin im WordPress.org-Repository befindet, finden Sie es direkt in Ihrem WordPress-Dashboard unter Plugins> Neu hinzufügen über das Suchfeld. Zum Beispiel haben wir uns für das entschieden Benutzerdefinierte Anmeldeseite Customizer.

Wenn Ihr Plugin von einer Website eines Drittanbieters stammt, möchten Sie dennoch zu navigieren Plugins> Neu hinzufügen Klicken Sie dann auf die Schaltfläche, um das Plugin hochzuladen. Von dort aus folgen Sie den Anweisungen auf dem Bildschirm, um Ihre Plugin-Zip-Datei hochzuladen und zu installieren.

Schritt 2: Suchen Sie Ihre Anmeldeformulareinstellungen

Einstellungen für das Anmeldeformular-Customizer

Wenn Ihr Plugin installiert und aktiv ist, sollten Sie jetzt versuchen, die Einstellungsseite des Plugins zu finden. Für den Customizer der benutzerdefinierten Anmeldeseite finden Sie diese unter Darstellung> Login Customizer. Weitere Plugins finden Sie unter Extras, Einstellungen oder sogar unter einer neuen Menüregisterkarte, die Ihrem WordPress-Dashboard hinzugefügt wurde.

Schritt 3: Passen Sie Ihr WordPress-Anmeldeformular an

Benutzerdefinierte Anmeldeseite Live Customizer

Sobald Sie Ihre Einstellungen gefunden haben, ist es Zeit, sich an die Arbeit zu machen! Wenn Sie auf Ihrer Einstellungsseite Optionen haben, ändern Sie diese. Für das von uns verwendete Customizer-Plugin für die benutzerdefinierte Anmeldeseite müssen Sie zunächst auf die Schaltfläche “Customizing starten” klicken, um den WordPress-Customizer zu öffnen.

Benutzerdefinierte Anmeldeseite Live Customizer-Optionen

Dieses spezielle Plugin verwendet bekannte Designoptionen für Farben, Hintergründe, Auffüllungen und mehr.

Benutzerdefinierte Anmeldeseite Live Customizer Styling

Arbeiten Sie sich einfach durch die verfügbaren Optionen, um Ihr eigenes benutzerdefiniertes WordPress-Anmeldeformular zu erstellen.

Benutzerdefinierte Anmeldeseite Live Customizer CSS

Oh, und wenn Sie etwas ändern müssen (oder möchten), das nicht als integrierte Option verfügbar ist, können Sie immer ein bisschen benutzerdefiniertes CSS verwenden, um Ihre Optimierung vorzunehmen. Das von uns verwendete Customizer-Plugin für benutzerdefinierte Anmeldeseiten enthält ein eigenes CSS-Bedienfeld. Im Standard-WordPress-Customizer, den Sie ebenfalls verwenden können, gibt es jedoch einen Abschnitt “Zusätzliches CSS”. Eine schnelle Google-Suche ist normalerweise der einfachste Weg, um herauszufinden, wie ein paar Zeilen CSS geschrieben werden. Wenn Sie sich jedoch nicht sicher sind, können Sie immer sehen, ob der Plugin-Entwickler Hand anlegen wird.

Wenn Sie fertig sind, vergessen Sie nicht zu speichern. Danach sollte Ihr neues benutzerdefiniertes WordPress-Anmeldeformular betriebsbereit sein!

Fazit

Wenn es um Ihre WordPress-Site geht, möchten Sie genauso viel Aufmerksamkeit auf die Optimierung Ihres Admin-Bereichs richten wie auf das Front-End. Durch das Anpassen Ihres Anmeldeformulars können Sie mit Ihrem Branding noch einen Schritt weiter gehen und die Sicherheit und das Benutzererlebnis verbessern.

In diesem Artikel haben wir fünf Plugins vorgestellt, mit denen Sie ein Plugin erstellen können Benutzerdefiniertes WordPress-Anmeldeformular passend zu Ihrer Website, aber vielleicht haben wir Ihren Favoriten verpasst. Gibt es andere Plugins für benutzerdefinierte Anmeldeformulare, die Ihrer Meinung nach einen Besuch wert sind? Lass es uns im Kommentarbereich unten wissen!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map