Artikel vom 21. Dezember 2008

Angepasstes Login-Design in WordPress: Plugins und Beispiele

WordPress

Zugegeben, seit WordPress 2.7 ist die Anmeldeseite richtig schick geworden und stellt die Login-Masken der vorherigen Versionen mit Stolz in den Schatten. Da WordPress als CMS ausgelegt und für eine gemeinschaftliche Arbeit am Projekt perfekt qualifiziert ist, kann eine Loginpage von Kunden, Autoren und Kommentatoren zur Verifizierung überdurchschnittlich oft aufgerufen werden. Als Blog-Betreiber wünscht man sich auch hier das zum Gesamtlayout passende Design.

Man muss nicht alles selbst können
An dieser Stelle möchte ich nicht ins technische Detail gehen, vielmehr soll auf bereits existente Lösungen und schmucke Kostproben hingewiesen werden. Gezeigt wird, wie die Blog-eigene Anmeldeseite mithilfe von WordPress Plugins – oder auch manuell per Hand – technisch koordiniert wird und welche Wege Designer dieser Welt gehen, um starre Login-Boxen kreativ zu gestalten. Für reichlich Inspiration ist also auch gesorgt.

Standardisierte Login-Box seit WordPress 2.7
Standardisierte Login-Box seit WordPress 2.7

Plugin: WordPress Custom Admin Branding
Diese WordPress Erweiterung ist in der Lage die Login-Seite, aber auch den Header wie auch Footer im Admin-Bereich zu modifizieren. Unterstützt wird WordPress seit der Version 2.3.3, inklusive der brandneuen 2.7.
» Zur Plugin-Website

Plugin: BM Custom Login
Für Inhaber der älteren WordPress Installationen empfiehlt sich das BM Custom Login Plugin. Die Anwendung ist simpel in der Inbetriebnahme und beinhaltet Dateien im PSD-Format zur Unterstützung bei der Erstellung der Grafiken.
» Zur Plugin-Website

Manuell: Lösungsansatz von Frank Bültge
Frank Bültge skizziert recht ausführlich, wie die interne Login-Seite ohne den Einsatz von Zusatzapplikationen umgestaltet werden kann. Die Aufgaben wären: Anfertigung der grafischen Elemente und Einbindung der Stylesheets.
» Zur Plugin-Website

Beispiele: 36 wunderschöne Form Designs
Von den Großen lernen: Sammelwerk für Login-Masken der berühmten Websites und Services. Inspiration pur für jeden Geschmack.
» Zum Artikel

Beispiele: Custom WordPress Logins bei Flickr
Zurzeit sind 70 Ideen zum Thema “Angepasste WordPress Logins” in der Flickr-Gruppe vertreten. Von schlicht bis exzellent, von schnell gemacht bis es war ‘ne lange Nacht.
» Zum Flickr-Pool

Beispiele: Interface Design für Login/SignUp
Eine gut sortierte Sammlung von gelungenen und beispielhaften Login-Screens. Interessante Ideen mit Ecken und Kanten, Schatten und Kontrasten.
» Zum Artikel

Beispiele: Login-Formulare der erfolgreichen Websites
Eine durchaus umfangreiche Auflistung von möglichen und erdenklichen Anmeldefenstern in zahlreichen Variationen.
» Zum Artikel

Beispiele: Kreative Umsetzung von Formularelementen
Ob eine Anmeldemaske oder ein Kontaktformular – das Layout der Beispiele ist stets auf dem höchsten Niveau.
» Zum Artikel

Beispiele: Dreißig aufwendig gestaltete Anmeldeseiten
Mal mit Rahmen, mal mit absteigendem Verlauf: Das Design der Formulare ist genau so vielfältig wie die Persönlichkeit der Grafiker.
» Zum Artikel

Custom WordPress Login: So schön kann's werden
Custom WordPress Login: So schön kann’s werden

Nachgefragt
Habt ihr schon mal die Login-Seite an das aktuelle Blog-Design angepasst? Oder ist dieser Schritt in euren Augen nicht relevant? Verfügt ihr über andere Quellen für Design-Beispiele der WordPress Custom Logins?

Sergej Müller

[Der Autor] Sergej Müller ist enthusiastischer Software Engineer mit Schwerpunkten Webentwicklung und WordPress. Seit 2007 programmiert und vertreibt er wpSEO, das weltberühmte und patentierte SEO-Plugin für WordPress-Blogs.

Social Werkzeuge

6 Kommentare zum Artikel

587 Tage zuvor | #1 wemaflo

Bisher habe ich das nicht getan. Aber die Anmeldeseite störte mich schon seit längerem, daher gab mir dieser Artikel den Anstoß und ich werde sie jetzt modifizieren.
So wirklich hübsch war sie ja noch nie, die Loginseite…

wemaflo
587 Tage zuvor | #2 trendscout

Da sind ja einige schicke Designs dabei!!
Ich selbst habe sowas noch nicht gemacht. Bei Seiten mit viel “Publikumsverkehr” ist es durchaus sinnvoll und spricht für den Webmaster.

trendscout
587 Tage zuvor | #3 Sergej Müller

Von zahlreichen WordPress Theme-Designern hatte ich schon mal zu hören bekommen, dass die Kunden sich die Anpassung der Login-Seite bewusst wünschen: “Ja, und denken Sie unbedingt an die Anmeldeseite, Herr Grafiker”.

Sergej
585 Tage zuvor | #4 Matt

Hmm irgendwie bin ich zu blöd. Hab das Plugin installiert, aber wenn ich bei “Custom Admin Branding” einen Link eingebe und aktualisiere, passiert einfach nichts.

Dann habe ich mir “BM Custom Login” installiert und da finde ich keine Option irgendwas zu bearbeiten.

Matt
488 Tage zuvor | #5 Sergej Müller

Der Artikel wurde um eine weitere Quelle mit 36 wunderschönen Form Designs erweitert.

Sergej
373 Tage zuvor | #6 Sergej Müller

Im Laufe der letzten Wochen wurde der Beitrag um zahlreiche Links erweitert, die auf großartige Kollektionen mit einmalig entworfenen und gekonnt umgesetzten Formulardesigns hinweisen.

Sergej

Kommentar verfassen