Zum Inhalt wechseln
dr. web Logo mit Maus und Hand, die sich den Finger blutig geklickt hat.
  • Beste Agentur finden
    • 3D-Animationsagentur
    • Designagentur
    • Digitalagentur
    • Drupal Agentur
    • Internetagentur
    • Joomla Agentur
    • Marketing Agentur
    • Online-Marketing-Agentur
    • PR Agentur
    • SEO Agentur
    • Shopware Agentur
    • Social Media Agentur
    • TYPO3 Agentur
    • Webagentur
    • Webdesign Agentur
    • Werbeagentur
    • WordPress Agentur
  • Magazin
    • Bloggen
    • Buchhaltung
    • Büro
    • Content Marketing
    • E-Commerce
    • Finanzen
    • Freelancer
    • Green Revoluzzer
    • Hardware
    • Künstliche Intelligenz (KI)
    • Marketing
    • Marktübersichten
    • Online-Marketing
    • Schrift & Grafik
    • Selbstständigkeit
    • Social Media
    • SEO
    • Software
    • UX Design
    • Webdesign
    • WordPress
  • Newsletter
  • Kontakt
Menü
  • Beste Agentur finden
    • 3D-Animationsagentur
    • Designagentur
    • Digitalagentur
    • Drupal Agentur
    • Internetagentur
    • Joomla Agentur
    • Marketing Agentur
    • Online-Marketing-Agentur
    • PR Agentur
    • SEO Agentur
    • Shopware Agentur
    • Social Media Agentur
    • TYPO3 Agentur
    • Webagentur
    • Webdesign Agentur
    • Werbeagentur
    • WordPress Agentur
  • Magazin
    • Bloggen
    • Buchhaltung
    • Büro
    • Content Marketing
    • E-Commerce
    • Finanzen
    • Freelancer
    • Green Revoluzzer
    • Hardware
    • Künstliche Intelligenz (KI)
    • Marketing
    • Marktübersichten
    • Online-Marketing
    • Schrift & Grafik
    • Selbstständigkeit
    • Social Media
    • SEO
    • Software
    • UX Design
    • Webdesign
    • WordPress
  • Newsletter
  • Kontakt

< dr. web > » WordPress » WordPress: Der Login Designer gestaltet deinen Anmelde-Screen individuell

WordPress: Der Login Designer gestaltet deinen Anmelde-Screen individuell

  • Aktualisiert am 21. Juli 2023
  • von Dieter Petereit
  • WordPress
  • Ein Kommentar

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.

Es kam zu einen Fehler. Wahrscheinlich ist das unsere Schuld. Schreiben Sie uns gerne an hallo@drweb.de
✓ Sie haben sich erfolgreich zum Dr. Web Newsletter angemeldet

Dr. Web Newsletter

Tipps, Tricks, Tools und Ratgeber. Einmal im Monat frisch gedruckt in deinem Mail-Postfach.
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.

Inhaltsverzeichnis

Agenturpartner in Hannover

Edit Content

360 Grad

Wir sind Werber & Kreative aus Leidenschaft! Strategie und Design ist unsere Passion. Als gelernte Diplomwirte für Marketing & Kommunikation, sind wir strategisch bestens aufgestellt und wissen wovon wir sprechen.

— Tim van der Wolk,
Gründer
Alle WordPress-Agenturen →

Lust auf mehr?

Elementor Showcase für Shops und Websites

Alles geht super easy. Und die Einrichtung deines Shops oder deiner Website ist in weniger als 5 Minuten fertig.

WordPress Plugin MasterStudy: So könnten Sie Trainingsangebote direkt vermarkten

Ich beginne heute mal mit einer kleinen Story. Ein Bekannter von mir ist Personal Trainer im Leistungssport. Im Rahmen seiner Weiterbildungen kam er mit dem Thema Augentraining in Berührung, das ihn faszinierte.

WordPress Plugin Cost Calculator: komplexe Produkte im WooCommerce Shop verkaufen

Ein T-Shirt in einem WordPress Woocommerce Shop zu verkaufen ist relativ einfach. Größe und Farbe auswählen. Das war es.

Eine Antwort

  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

Fachmagazin für Online-Marketing. Seit 1997. Wissen, Software, Dienstleister: Wir bringen die Digitalisierung Ihres Unternehmens praxisnah voran. ✅

Für Unternehmer: Finden Sie Ihre Agentur in…

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

Agentur nach Schwerpunkt finden

  • Beste Agentur finden
  • Designagentur finden
  • Digitalagentur finden
  • Drupal-Agentur finden
  • Online Marketing Agentur finden
  • SEO Agentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
  • WordPress Agentur finden
  • Beste Agentur finden
  • Designagentur finden
  • Digitalagentur finden
  • Drupal-Agentur finden
  • Online Marketing Agentur finden
  • SEO Agentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
  • WordPress Agentur finden

Aus unserem Magazin

  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social Media
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • Webdesign
  • WordPress
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social Media
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • Webdesign
  • WordPress
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Kunden-Login
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen