Heim > CMS-Tutorial > WordDrücken Sie > Erstellen Sie personalisierte Anmelde- und Registrierungsformulare in WordPress

Erstellen Sie personalisierte Anmelde- und Registrierungsformulare in WordPress

WBOY
Freigeben: 2023-09-04 16:05:05
Original
1519 Leute haben es durchsucht

Die Anmeldeseite ist die erste Seite, die Benutzer sehen, wenn sie auf Ihre Website zugreifen müssen. Daher muss sie schön und benutzerfreundlich sein. Eine langweilige Anmeldeseite vermittelt den Benutzern einen schlechten Eindruck von Ihrer Website! Die Anpassung Ihres Logins an Ihre Marke führt zu einem besseren Erlebnis für Ihre Benutzer.

In diesem Beitrag erfahren Sie, wie Sie mit dem UserPro-Plugin von CodeCanyon benutzerdefinierte Anmelde- und Registrierungsseiten erstellen.

Vorteile der benutzerdefinierten Anmeldung und Registrierung

Verbesserte Benutzererfahrung

Anpassung kann Ihren Benutzern erweiterte Funktionalität bieten. Benutzer bevorzugen möglicherweise eine benutzerdefinierte Anmeldeseite, die zum Thema Ihrer Website passt, anstelle der Standard-WordPress-Anmeldeseite.

Benutzerverwaltung

Durch die Anpassung können Sie jeden Aspekt Ihrer neu erstellten Benutzer verwalten. Sie können Rollen zuweisen und Benutzer nach Belieben genehmigen oder blockieren.

Marke

Marke ist ein wichtiger Aspekt jedes Unternehmens. Ihr Unternehmen sollte seine Marke in jedem Bereich Ihrer Website präsentieren. Benutzerdefinierte Anmelde- und Registrierungsseiten können Ihre Marke hervorheben. Durch die Personalisierung entsteht außerdem ein einzigartiges Erscheinungsbild, an das sich Benutzer wahrscheinlich erinnern werden.

Sicherheit

Mit der benutzerdefinierten Anmeldung und Registrierung können Sie Maßnahmen hinzufügen, um Spammer und Hacker zu eliminieren.

UserPro-Plug-in-Funktionen

Social Login

Die meisten Menschen haben ein Konto bei mindestens einem großen sozialen Netzwerk. Das Anbieten sozialer Verbindungen auf Ihrer Website bietet eine einfache Möglichkeit, sich anzumelden, da Benutzer lediglich Zugriff auf ihre Profilinformationen in einem der Netzwerke gewähren müssen und sich nicht darum kümmern müssen, ein neues Passwort herauszufinden oder sich daran zu erinnern. Ein weiterer Vorteil ist weniger Spam, da soziale Netzwerke von den Benutzern verlangen, ihre Identität auf verschiedene Arten zu überprüfen.

Mit UserPro können Sie die soziale Anmeldung über Facebook, LinkedIn, Instagram, Twitter und Google zulassen.

Front-End-Veröffentlichung und benutzergenerierte Inhalte

Front-End-Publishing bietet Ihnen die Möglichkeit, mit Ihren Benutzern in Kontakt zu treten und so Ihre Website aktiver zu machen. Wenn Sie möchten, dass Benutzer Inhalte hinzufügen, bearbeiten oder löschen, können Sie dies mit UserPro tun.

Mitgliedschaftsfunktion

UserPro ermöglicht Ihnen die Anzeige schöner Mitgliederprofile und Mitgliedschaftsfunktionen wie ein erweitertes Mitgliederverzeichnis, Abzeichen und Erfolge. Sie können auch in der durchsuchbaren Mitgliederliste nach Mitgliedern suchen.

Mehrere Anmeldeformulare

Mit mehreren Registrierungsformularen können Sie separate Registrierungsformulare erstellen. Beispielsweise muss eine Jobbörse möglicherweise Arbeitssuchenden und Arbeitgebern eine solche Funktionalität zur Verfügung stellen.

Loslegen

Laden Sie zunächst das Plugin von CodeCanyon herunter. Wenn Sie noch kein Konto haben, gehen Sie zur Registrierungsseite und erstellen Sie eines. Sobald Sie angemeldet sind, können Sie das Plugin auf der Produktseite kaufen.

Sie erhalten dann einen Link zur Datei oder können zum Download-Bereich Ihres Kontos gehen und die ZIP-Datei herunterladen.

Melden Sie sich jetzt bei Ihrem WordPress-Konto an. Gehen Sie zu Plugins > Neues Plugin hinzufügen und laden Sie die ZIP-Datei hoch. Klicken Sie dann auf „Jetzt installieren“ und nach Abschluss der Installation auf „Jetzt aktivieren“. Sie können nun mit der Nutzung des Plugins beginnen. Konfiguration

Nach der Installation des Plugins können Sie auf der Einstellungsseite die folgenden Eigenschaften konfigurieren.

Registrierungsseite erstellen

在 WordPress 中创建个性化登录和注册表单UserPro verfügt über Standardseiten wie Registrierung, Anmeldung, Profil, Mitgliederverzeichnis usw. Wählen Sie in den

Allgemein

-Einstellungen die Seite aus, die Sie verwenden möchten.

Nachdem Sie die Seite ausgewählt haben, können Sie je nach Bedarf jedes Feld hinzufügen oder entfernen. Sie können auch andere Eigenschaften wie Aussehen, Validierung und Profileinstellungen ändern.

在 WordPress 中创建个性化登录和注册表单Mitgliedereinstellungen

Mit dieser Option können Sie die Registrierung Ihrer Website über das Frontend deaktivieren oder aktivieren.

在 WordPress 中创建个性化登录和注册表单Wenn Sie jedem erlauben, sich zu registrieren, wird Ihre Website zugänglicher und benutzerfreundlicher. Außerdem können Administratoren Benutzern Rollen zuweisen.

Benutzergenehmigungseinstellungen

Die meisten Websites verlassen sich auf mehr als eine Art der Authentifizierung für neue Benutzer. Dadurch wird sichergestellt, dass sie von böswilligen Personen ferngehalten werden, die auf die Website zugreifen. Verfügt über ein Benutzergenehmigungssystem:

在 WordPress 中创建个性化登录和注册表单

Ermöglicht Ihnen, die Benutzerregistrierung abzulehnen oder zu akzeptieren

Überprüfen Sie die Identität neuer Benutzer, indem Sie nach ihrer Aktivierungs-E-Mail fragen
  • Halten Sie sich von Spammern fern
  • Sie können Benutzerregistrierungs- und Anmeldeformulare erstellen, indem Sie Felder einfach per Drag & Drop in die bereitgestellten Abschnitte ziehen, wie unten gezeigt.

Aussehen und Aussehen

UserPro ermöglicht es Ihnen, mit nur einem Klick schöne Registrierungsformulare hinzuzufügen. UserPro bietet Ihnen außerdem die Flexibilität, bei Bedarf weitere Felder hinzuzufügen. Daher können Sie von Ihren Benutzern die richtigen Informationen erhalten, die für Ihr Unternehmen geeignet sind.

Sie können Ihr Anmeldeformular auch an Ihre Marke anpassen, indem Sie Eigenschaften wie Schriftart, Größe, Aussehen, Feldlayout und Symbole ändern.

UserPro stellt Benutzern 19 Felder wie Land, Rolle, Bild, Geschlecht, Website usw. zur Verfügung. Sie können auch eine CAPTCHA-ähnliche Sicherheitsfrage erstellen, um nach echten Benutzern zu suchen und es dem Bot zu erschweren.

Nach einigen Anpassungen sollte die Registrierungsseite nun wie folgt aussehen:

在 WordPress 中创建个性化登录和注册表单

Registrierungseinstellungen

Zusätzliche Registrierungseinstellungen umfassen:

  • Bestimmte E-Mail-Domain-Registrierungen zulassen oder blockieren
  • Bestimmte Rollen sind bei der Registrierung erlaubt
  • Status nach der Registrierung festlegen
  • Formularvalidierung und Sicherheit

Erstellen Sie eine benutzerdefinierte Anmeldeseite

UserPro bietet eine Standard-Anmeldeseite mit erforderlichen Feldern: Benutzername und Passwort. Genau wie auf der Registrierungsseite können Sie auf jedes Feld klicken und Eigenschaften wie Beschriftungsplatzhalter und Hilfetext ändern. Sie können Felder oder Abschnitte auch auf die Seite ziehen.

Die Schritte zum Erstellen einer Anmeldeseite ähneln denen der Registrierungsseite:

  • Gehen Sie zu Allgemein und wählen Sie die bereitgestellte Standard-Anmeldeseite aus.
  • Ändern Sie das Erscheinungsbild und das Erscheinungsbild, um es benutzerfreundlicher zu machen oder zu Ihrer Marke zu passen.
  • Ändern Sie die Anmeldeeinstellungen entsprechend Ihren Anforderungen.

在 WordPress 中创建个性化登录和注册表单

Darstellung und Darstellungseinstellungen, die auf ein Feld angewendet werden, werden automatisch auf alle anderen Felder angewendet.

Soziale Integration

Navigieren Sie zu Einstellungen , wo Sie eine Liste der sozialen Netzwerke finden, die Sie integrieren können. Wählen Sie die Medien aus, die Sie Ihren Benutzern zur Verfügung stellen möchten, und ermöglichen Sie soziale Verbindungen. Jedes Netzwerk erfordert leicht unterschiedliche Informationen, um die soziale Anmeldung zu ermöglichen. Beispielsweise erfordert Facebook eine „Facebook-App-ID“, die Sie auf der Facebook-Entwicklerseite erhalten können.

在 WordPress 中创建个性化登录和注册表单Andere soziale Netzwerke erfordern ähnliche Schritte.

Angepasste WordPress-Seite

WordPress bietet zwei Standard-Anmelde-URLs:

/wp-admin/

und wp-login.php, sodass jeder, der mit WordPress vertraut ist, die Anmelde- oder Registrierungs-URL finden kann. Mit UserPro können Sie außerdem benutzerdefinierte URL-Links für alle benutzerbezogenen Seiten erstellen. Navigieren Sie zur Registerkarte

Einstellungsseite

und aktualisieren Sie die Permalinks nach Bedarf.

在 WordPress 中创建个性化登录和注册表单Individuelle E-Mail-Benachrichtigungen

Klicken Sie auf die Registerkarte

E-Mail-Benachrichtigungen

, um eine Liste aller anpassbaren E-Mails anzuzeigen.

在 WordPress 中创建个性化登录和注册表单In diesem Abschnitt können Sie E-Mail-Benachrichtigungen anpassen. Wählen Sie einfach einen Nachrichtentyp aus und Sie können die E-Mails anpassen, die Sie senden an:

Neue Benutzerregistrierung
  • Verifizierung neuer Benutzer
  • Willkommens-E-Mail
  • Passwort zurücksetzen
  • Passwort ändern
  • Änderung des Kontostatus
  • Es gibt noch mehr
  • Fazit

Das Anpassen Ihrer Anmelde- und Registrierungsseiten ist einfach und eine wichtige Investition, die sich für Ihr Unternehmen sehr auszahlen kann. Es ermöglicht Ihnen auch, die notwendigen Kundeninformationen zu erhalten, die Sie benötigen, um Ihr Unternehmen auf die nächste Stufe zu heben.

Das obige ist der detaillierte Inhalt vonErstellen Sie personalisierte Anmelde- und Registrierungsformulare in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage