Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
Menü
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Anmeldung
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
    • Berlin

    • Bonn

    • Dortmund

    • Dresden

    • Duisburg

    • Düsseldorf

    • Essen

    • Frankfurt am Main

    • Freiburg

    • Hamburg

    • Hannover

    • Köln

    • Leipzig

    • München

    • Nürnberg

    • Stuttgart

    • Wien

    • Zürich

  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web Logo seit 1997.
  • Agentur finden
  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web » WordPress » WordPress: Der Login Designer gestaltet deinen Anmelde-Screen individuell

WordPress: Der Login Designer gestaltet deinen Anmelde-Screen individuell

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • Ein Kommentar
Lesedauer: 3 Minuten
  • von Dieter Petereit
  • 8. Dezember 2017

Inhaltsverzeichnis

Einen angepassten WordPress-Anmeldebildschirm wirst du für jeden Kunden schon angelegt haben. Mit dem kostenlosen Login Designer geht es künftig weitaus schneller.

Gute Idee: Login-Screen per Theme Customizer anpassen

Das Besondere an Rich Tabors neuem WordPress-Plugin Login Designer ist, dass es sich nahtlos in den WordPress Theme Customizer einklinkt. So kannst du den Anmeldebildschirm auf die gleiche Weise anpassen, wie du es mit dem Theme ansonsten schon tun konntest.

Ich würde sogar so weit gehen, zu sagen, dass der Login Designer jeden Honk in die Lage versetzt, sich einen schicken Anmeldebildschirm zu basteln. So einfach ist der. Was kannst du als Profi dann alles aus dem Tool rausholen?

So kommst du an den Login Designer

Den Login Designer lädst du kostenlos auf Rich Tabors Website ThemeBeans herunter. Klicke oben rechts auf der verlinkten Seite auf Free Download. Es öffnet sich ein Overlay, in welches du eine E-Mail-Adresse eintippst, auf die du tatsächlich Zugriff hast, denn Rich sendet dir den Download-Link an diese Adresse.

Kurze Zeit später erhältst du die entsprechende E-Mail. Sie enthält den Download-Link. Ein Klick darauf startet unmittelbar den Download des etwa 2,6 MB großen Zip-Archivs mit dem Login Designer. Merk dir den Speicherort des Zips und logge dich in deine WordPress-Installation ein.

login designer customizer WordPress: Der Login Designer gestaltet deinen Anmelde-Screen individuell
Der neue LOgin-Screen ist im Customizer in Arbeit. (Screenshot: Dr. Web)

Einmal im Backend angekommen, wechselst du zu Plugins > Installieren. Dort wiederum klickst du oben links auf Plugin hochladen, danach auf Datei auswählen. Gehe nun in Explorer, Finder oder deinem sonstigen Datei-Tool zum zuvor gemerkten Speicherort und wähle das Archiv login-designer.zip aus. Zurück im Backend klickst du auf Jetzt installieren und übst dich in Geduld. Nach kurzer Zeit meldet WordPress Vollzug und bietet an, das Plugin zu aktivieren, was du bestätigst.

Mittlerweile steht der Login Designer auch im WordPress Plugin-Verzeichnis bereit, so dass du ebenso direkt über das Backend aus dem Repository installieren kannst. Beide Wege führen zum gleichen Ziel.

Erste Schritte mit dem Login Designer

Jetzt findest du unter dem Menüpunkt Design den Unterpunkt Login Designer. Klickst du darauf öffnet sich der Theme Customizer, in welchen sich wiederum der Login Designer eingeklinkt hat und präsentiert dir deinen bisherigen, mutmaßlich drögen Anmeldebildschirm.

Um deiner Kreativität auf die Sprünge zu helfen, bringt der Login Designer zwei alternative Templates mit, eines davon im beliebten Dark-Style. Grundsätzlich braucht es der zusätzlichen Templates indes nicht, denn mit den Werkzeugen des Theme Customizer arbeitest du bekanntlich direkt in der Preview und aktivierst per Klick auf jedes beliebige Bildschirmelement die jeweils korrespondierenden Bearbeitungsmöglichkeiten.

login designer endresult WordPress: Der Login Designer gestaltet deinen Anmelde-Screen individuell
Das Endergebnis ist auf jeden Fall interessanter als der dröge Standard-Screen. (Screenshot: Dr. Web)

So bist du nach einer Einarbeitungszeit von fünf Minuten bereits in der Lage, dir deinen individuellen Login-Screen nach Maß zu erstellen. Wie bei anderen Theme-Änderungen auch, speicherst und veröffentlichst du die Anpassungen mit einem Klick auf den davor vorgesehenen Button links oben am Customizer.

Einstieg in die Theme Customization API

Rich Tabor hat sich eingehend mit der Theme Customization API befasst und sagt ihr eine große Zukunft voraus, weil sie sowohl zu Verbesserungen bei der Theme-, wie auch bei der Plugin-Entwicklung genutzt werden kann. Rich ist überrascht, dass bislang kaum ein Entwickler die vorhandenen Möglichkeiten wirklich nutzt. Vielleicht sollten wir uns tatsächlich intensiver damit befassen.

Wenn du jetzt neugierig geworden bist, empfehle ich dir Richs Beitrag „Context-Aware Previews within the WordPress Customizer“. Hier bezieht Rich sich lediglich als ein mögliches Beispiel auf den Login Designer, stellt den Ansatz aber insgesamt weitaus breiter vor.

Fazit: Login Designer gut, nutzen

Der Login Designer ist für mich eines dieser NoBrainer-Plugins, das einfach logischerweise installiert gehört, weil es einfach und schnell beeindruckende Effekte erzielen kann. Inkompatibilitäten sind unwahrscheinlich. Es spricht also nichts dagegen.

Übrigens, wir berichten oft über frische und nutzwertige WordPress-Plugins, zuletzt hier. 

Dieter Petereit

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

Farbentour-Logo.

Farbentour®

Mettmann

United Ads Agentur Starnberg.

UnitedAds

Starnberg

WordPress Agentur Kreativdenker

Speyer

One Step Webdesign hannover Logo

One Step Webdesign

Hannover

Logo für Opus Marketing aus Bayreuth. Links zu sehen ist eine schwarze Schachfigur, der schwarzer Turm. Daneben in Großbuchstaben die Buchstaben OPUS.

OPUS Marketing

Bayreuth

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Die passende Digitalagentur finden: Das solltest Du beachten

Wir unterstützen Dich bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
SEO Agentur

SEO Agentur

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Mitarbeiter einer WordPress-Agentur mit einer Tasse Kaffee im Vordergrund.
WordPress

WordPress — eine gute Wahl für Ihre Unternehmenswebsite?

Hier finden Sie ein ausführliches FAQ zu WordPress als Entscheidungshilfe und eine Auswahl von professionellen WordPress Agenturen.

→

Eine Antwort zu „WordPress: Der Login Designer gestaltet deinen Anmelde-Screen individuell“
— was ist Deine Meinung?

  1. Webdesign Köln sagt:
    1. Februar 2018 um 10:17 Uhr

    Ich habe dieses Plugin schon bei so manchen Websites im Einsatz und es tut, was es soll: es hübscht den WordPress Anmelde-Screen individuell auf. Aber – wie schon beschrieben – kann es noch einiges mehr! Ich sehe hier noch viel potenzial!

    Antworten

Schreibe einen Kommentar Antworten abbrechen

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

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑