Springe zum Hauptinhalt

So erstellen Sie eine benutzerdefinierte WordPress-Anmeldeseite (in 5 Schritten)

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Wenn Sie eine Website für einen Kunden erstellen, ist der erste Einblick in Ihre Arbeit häufig die WordPress-Anmeldeseite. Standardmäßig sieht jedoch jede WordPress-Anmeldeseite genau gleich aus. Es ist nicht gerade ein starker erster Eindruck.

Glücklicherweise gibt es viele Möglichkeiten, den WordPress-Anmeldebildschirm anzupassen. Dies umfasst visuelle Änderungen wie das Ersetzen des WordPress-Logos durch die Marke Ihres Kunden sowie funktionale Änderungen. Mit ein paar einfachen Änderungen können Sie einen Anmeldebildschirm erstellen, der Ihre Kunden sofort begeistert.

In diesem Artikel zeigen wir Ihnen, wie Sie jeden Teil der WordPress-Anmeldeseite in fünf einfachen Schritten anpassen können. Lass uns anfangen!

Warum möchten Sie möglicherweise den WordPress-Anmeldebildschirm anpassen?

Über die WordPress-Anmeldeseite können Administratoren und andere registrierte Benutzer auf das wichtige WordPress-Dashboard zugreifen. Standardmäßig enthält der Anmeldebildschirm das erkennbare WordPress-Logo und das erkennbare Branding sowie Felder, in die Sie Ihren Benutzernamen und Ihr Passwort eingeben können:

Diese Standardeinstellung kann durchaus akzeptabel sein, wenn Sie die einzige Person sind, die auf das WordPress-Backend zugreift. Wenn Sie jedoch sind Erstellung einer Site für einen KundenSie können den Standard-Anmeldebildschirm anpassen.

WordPress ist sehr beliebt Content-Management-System (CMS). Dies bedeutet jedoch, dass es auch sehr gut erkennbar ist. Wenn der erste Eindruck Ihres Kunden von seiner Website der Standard-WordPress-Anmeldebildschirm ist, fragt er sich möglicherweise, ob dies bei Ihrer Agentur der Fall ist liefern echten Wert.

Aus diesen Gründen möchten Sie möglicherweise den WordPress-Anmeldebildschirm umbenennen. Ein benutzerdefiniertes Marken-Login macht einen viel besseren ersten Eindruck als die generische WordPress-Markenalternative. Er kann Ihre Agentur auch als professionell, akribisch und immer bereit präsentieren, die Extrameile zu gehen Stellen Sie Ihre Kunden zufrieden.

Sie können der benutzerdefinierten WordPress-Anmeldeseite des Kunden sogar Ihr eigenes Branding hinzufügen. Dies kann dazu beitragen, dass Ihre Agentur bei den Anliegen der Kunden an vorderster Front bleibt und eine starke mentale Verbindung zwischen Ihrem Unternehmen und dessen Website hergestellt wird. Dies ermutigt den Kunden, Ihre Agentur als wesentlich für den Erfolg seiner Website zu betrachten. Dies kann von unschätzbarem Wert sein, wenn es Zeit für ihn ist, seinen Vertrag mit Ihnen zu verlängern.

Bei einer benutzerdefinierten WordPress-Anmeldeseite geht es nicht nur um Schönheit. Sie können auch erweiterte Funktionen hinzufügen. Diese Funktionen können helfen die kundensichere Websiteoder Kunden dabei helfen, Probleme, auf die sie stoßen, unabhängig zu lösen. Alternativ können diese zusätzlichen Funktionen Sicherheit verbessern. Unter Berücksichtigung von WordPress 94% der CMS haben gehackt Im Jahr 2019 ist es wichtig, die Dashboards Ihrer Kunden vor böswilligen Dritten zu schützen.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

So beeindrucken Sie Ihre Kunden mit einer benutzerdefinierten WordPress-Anmeldeseite (in 5 Schritten)

Sie können einen benutzerdefinierten WordPress-Anmeldebildschirm mit einer Reihe von Plugins und Tools erstellen. In diesem Tutorial werden wir die verwenden Benutzerdefinierter Anmeldeseiten-Customizer Plugin von LoginPress.

Mit diesem Plugin können Sie das Erscheinungsbild der WordPress-Anmeldeseite anpassen und zusätzliche Funktionen hinzufügen. Sobald Sie es installiert und aktiviert haben, können Sie in unseren Fünf-Schritte-Plan eintauchen, um Ihren Kunden ein personalisiertes Anmeldeerlebnis zu bieten.

Schritt 1: Gehen Sie zu LoginPress Customizer

Mit dem Anpassungstool von LoginPress können Sie Ihre Anmeldeseite visuell überprüfen und zusätzliche Funktionen hinzufügen. Um auf dieses Tool zuzugreifen, gehen Sie zu LoginPress> Customizer im WordPress-Dashboard.

Wenn Sie zum ersten Mal auf LoginPress zugreifen, werden Sie aufgefordert, der Datenerfassung zuzustimmen. Sie können diese Anfrage nach Belieben zulassen oder ablehnen. Informieren Sie Ihren Kunden jedoch unbedingt über Ihre Entscheidung:
Das WordPress LoginPress Plugin.
Anschließend werden Sie zum LoginPress Customizer weitergeleitet. Wenn Sie oder Ihr Kunde es sich anders überlegen, können Sie die Nutzungsverfolgung von LoginPress jederzeit ein- oder ausschalten. Einfach navigieren zu Plugins> Plugins installiert. Suchen Sie LoginPress in der Liste und wählen Sie die Begleitung aus Aktivieren / Deaktivieren verbinden.

Schritt 2: Benennen Sie den WordPress-Anmeldebildschirm um

Sie können LoginPress verwenden, um Weiße Markierung WordPress-Anmeldebildschirm mit einem benutzerdefinierten Branding. Es kann Ihnen helfen, Ihrem Kunden ein maßgeschneidertes Erlebnis zu bieten.

Unabhängig davon, ob Sie die Marke Ihres Kunden oder Ihre eigene Marke verwenden möchten, möchten Sie im Allgemeinen das WordPress-Logo entfernen. Wählen Sie im Seitenleistenmenü die Option Logo. Sie können dann auf klicken Logo Bild> Bild auswählenund wählen Sie die Datei aus, die Sie verwenden möchten:
Ein benutzerdefinierter WordPress-Anmeldebildschirm.
Sie können auch eine URL in das Logo Ihrer Wahl einbetten, um Benutzer, die darauf klicken, zur Startseite der Site zu senden. Wenn Sie beispielsweise Ihr Agenturlogo anzeigen, können Sie einen Link zu Ihrem erstellen Agentur-Website. Sie können diese Adresse in der Logo-URL Feld.

Während Sie sich auf diesem Bildschirm befinden, können Sie auch eine Titel der Anmeldeseite. Hier ist der Text, der auf der Registerkarte Browser angezeigt wird:
Eine benutzerdefinierte WordPress-Anmeldeseite mit einem benutzerdefinierten Seitentitel.
Sie können das Logo auch vollständig von Ihrer benutzerdefinierten WordPress-Anmeldeseite entfernen, indem Sie die Logo deaktivieren Möglichkeit. Dies kann nützlich sein, wenn Sie eine leere Website bereitstellen, die der Kunde selbst neu gestalten möchte.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Schritt 3: Ändern Sie das Hintergrundbild

Eine der auffälligsten Änderungen, die Sie an Ihrer benutzerdefinierten WordPress-Anmeldeseite vornehmen können, ist das Ändern des Hintergrunds. Wählen Sie aus, um den einfachen grauen WordPress-Hintergrund zu ersetzen Hintergrundbild> Bild auswählen. Sie können dann die Datei auswählen, die Sie verwenden möchten:
Eine benutzerdefinierte WordPress-Anmeldeseite, die mit LoginPress erstellt wurde.
Sie können auch ein Video für Ihren Hintergrund verwenden. Es kann einen auffälligen Effekt erzeugen, kann aber auch ablenken. Videos können ebenfalls Auswirkungen haben Ladezeit der Seite wenn Sie über eine langsamere Internetverbindung auf den Anmeldebildschirm zugreifen. Wenn Sie einen animierten Hintergrund erstellen möchten, wählen Sie Hintergrundvideo aktivieren:
Ein Hintergrundbild der benutzerdefinierten Anmeldeseite.
Dadurch werden die Einstellungen angezeigt, die Sie zum Herunterladen Ihres Videos benötigen. Anschließend können Sie konfigurieren, wie Ihr neuer Hintergrund auf dem Anmeldebildschirm angezeigt wird. Dies beinhaltet gegebenenfalls das Stummschalten des Videos.

Schritt 4: Passen Sie das Anmeldeformular an

Sie können auch das Anmeldeformular selbst bearbeiten. Dies umfasst das Ändern des Hintergrundbilds oder der Hintergrundfarbe und der Farbe der verschiedenen Beschriftungen, die im Formular angezeigt werden, z Erinnere dich an mich Kontrollkästchen.

Um den Hintergrund des Formulars zu ändern, wählen Sie Hintergrundfarbe bilden. Sie können dann den Farbwähler verwenden, um Ihren neuen Look auszuwählen:
Ein personalisiertes Anmeldeformular.
Sie können den Hintergrund auch vollständig aus dem Anmeldeformular entfernen, indem Sie die Aktivieren Sie die Formulartransparenz rutschen. Dies kann nützlich sein, wenn Sie eine optimierte und vereinfachte benutzerdefinierte WordPress-Anmeldeseite entwerfen. Es kann auch einen interessanten Effekt erzeugen, wenn Sie ein geschäftiges oder besonders auffälliges Hintergrundbild verwenden und es nicht ablenken oder vertuschen möchten:
Eine benutzerdefinierte WordPress-Anmeldeseite mit einem transparenten Formular.
Sie können auch die Farbe der Textbeschriftungen ändern, die im Anmeldeformular angezeigt werden. Sie können diese Beschriftungen beispielsweise leichter lesbar machen, indem Sie sie dem Hintergrundbild gegenüberstellen.

Am unteren Rand dieses Bildschirms finden Sie die Farbe der Eingabefeldbezeichnung Einstellungen. Dies steuert die Farbe des Benutzername oder E-mail Adresse et Passwort Feldbezeichnungen:
Benutzerdefinierte Anmeldeformularbeschriftungen.
Sie können auch die Farbe des ändern Erinnere dich an mich Etikette. Um diesen Text zu personalisieren, klicken Sie auf Erinnere dich an mich Farbetikett Cursor und verwenden Sie die hier gefundenen Befehle.

Schritt 5: Ersetzen Sie die Standardfehlermeldungen

WordPress hat eine Reihe von Standardfehlermeldungen dass es angezeigt wird, wenn jemand seinen Benutzernamen oder sein Passwort falsch eingibt. Diese Fehlermeldungen identifizieren das Problem eindeutig. Zum Beispiel sagen sie Ungültiger Benutzernameoder so E-Mail-Adresse ist nicht korrekt um die Anmeldeinformationen anzugeben, die den Benutzer am Zugriff hindern.

Sie können LoginPress verwenden, um diese Fehlermeldungen anzupassen. Sie können diese Standardnachrichten beispielsweise ändern, um weitere Informationen zur Art des Fehlers und zur Behebung des Fehlers bereitzustellen. Dies kann nützlich sein, wenn Ihr Client keine besonderen Erfahrungen mit WordPress hat. Sie können diese zusätzlichen Informationen auch bereitstellen, wenn der Kunde nicht vereinbart hat, dass Sie fortlaufend technischen Support leisten.

Während Informationsbeiträge legitimen Benutzern helfen können, Zugriff auf ihre WordPress-Konten zu erhalten, können sie Hackern auch nützliche Informationen bereitstellen. Böswillige Dritte kann manchmal versuchen, mit Kombinationen aus gängigen Passwörtern und Benutzernamen auf Websites zuzugreifen. Standardfehlermeldungen können Hackern helfen, zu erkennen, wann sie einen korrekten Benutzernamen oder ein korrektes Passwort eingegeben haben.

Um das WordPress-Administrator-Dashboard des Clients zu schützen, möchten Sie diese Fehlermeldungen möglicherweise allgemeiner gestalten. Um sie zu ändern, wählen Sie Fehlermeldungen im Customizer-Menü:
Benutzerdefinierte Verbindungsfehlermeldungen.
Sie können jetzt die gewünschten Änderungen an allen Verbindungsfehlermeldungen vornehmen. Diese Felder sind kompatibel mit HTML-Formatierung. Auf diese Weise können Sie wichtigen Texten Stilelemente wie Fett und Kursiv hinzufügen.

Fazit

Die Standard-WordPress-Anmeldeseite erledigt den Job, ist aber nicht gerade inspirierend anzusehen. Wenn Sie Ihre Kunden beeindrucken möchten, empfehlen wir, die Anmeldeseite neu zu gestalten und möglicherweise ihre Funktionalität zu optimieren.

Mit einem Plugin wie Benutzerdefinierter Anmeldeseiten-Customizerkönnen Sie in fünf einfachen Schritten einen eindeutigen Anmeldebildschirm erstellen:

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

  1. Gehen Sie zum LoginPress-Customizer.
  2. Benennen Sie den WordPress-Anmeldebildschirm um.
  3. Ändern Sie das Hintergrundbild.
  4. Passen Sie das Anmeldeformular an.
  5. Ersetzen Sie die Standardfehlermeldungen.

Haben Sie Fragen zum Erstellen einer benutzerdefinierten WordPress-Anmeldeseite? Fragen Sie in den Kommentaren unten!

Bildnachweis: Ausgewähltes Bild, Beispiel Hintergrundbild.

Quelle Link

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren