Eine Login‑Seite ist mehr als eine Tür – sie ist Ihre Lobby. Eine kleine Personalisierung reicht oft aus, um einen guten ersten Eindruck zu hinterlassen und Nutzern das Gefühl zu geben, willkommen zu sein.
Warum sollten Sie Ihren Login‑Bildschirm anpassen?
Die Standard‑Joomla‑Loginseiten – sowohl für das Frontend als auch für den Administrationsbereich – erfüllen ihren Zweck. Es gibt jedoch gute Gründe, sie zu personalisieren:
- Markenkonsistenz – Farben und Logo übertragen Ihre Identität bis in das Login‑Erlebnis.
- Vertrauen der Nutzer – individuelle Texte und vertraute Optik geben Mitarbeitern und Kunden Sicherheit.
- Lenkung – nach dem Login können Sie Nutzer gezielt auf eine passende Seite leiten statt auf die Startseite zu werfen.
- Professioneller Eindruck – kleine Details wie das Entfernen der generischen „Need support?“-Meldung lassen eine Seite gepflegt wirken.
Den Administrator‑Login anpassen
Joomla 5 (wie bereits Joomla 4) verwendet das Template Atum für das Backend. Die Einstellungen erlauben Ihnen, Farben, Logos und Texte per Point‑and‑Click zu ändern.
1. Farben und Logos anpassen
- System → Templates → Administrator Template Styles. Öffnen Sie den Eintrag Atum – Default und prüfen Sie den Reiter Colour Settings. Passen Sie Link‑Farbe und weitere Palette‑Optionen an Ihre Marke an.
- Image Settings. Laden Sie ein eigenes Login logo hoch, um das Joomla‑Logo über dem Formular zu ersetzen. Es gibt auch Felder für große und kleine Branding‑Bilder; ideale Größen sind etwa 150 × 30 px und 20 × 20 px.
2. Den Login‑Text bearbeiten
Die Überschrift „Joomla Administrator Login“ auf dem linken Panel ist nicht in Stein gemeißelt. So ändern Sie sie:
- System → Language Overrides. Wählen Sie Ihre Sprache (z. B. English (United Kingdom)) und klicken Sie auf New.
- Suche nach
TPL_ATUM_BACKEND_LOGIN, wählen Sie das Ergebnis und ersetzen Sie den Standardtext durch Ihre eigene Formulierung – etwa „Welcome back“ oder Ihren Firmennamen. - Speichern und schließen. Laden Sie die Login‑Seite neu, um Ihre Änderung zu sehen.
3. Den Support‑Bereich aufräumen
Die rechte untere Seitenleiste enthält oft einen generischen „Need support?“‑Link. So ersetzen Sie ihn durch etwas Nützliches:
- Content → Administrator Modules. Suchen Sie das Modul namens Login Support und deaktivieren Sie es.
- Erstellen Sie ein neues Custom Module, vergeben Sie einen Titel (diesen können Sie ausblenden), wählen Sie die Position Sidebar und fügen Sie eigenen Text oder Links ein. Das kann eine Support‑E‑Mail, ein Link zur Hauptseite oder eine nette Begrüßung sein.
- Speichern, schließen und freuen Sie sich über einen Login‑Bildschirm, der nun Ihre Sprache spricht.
4. Mit CSS weitergehen
Wenn Sie Schriftarten, Abstände oder Layouts feiner justieren möchten, erstellen Sie eine user.css‑Datei im CSS‑Ordner des Templates. Klassen, die Sie dort hinzufügen, überschreiben die Defaults. So können Sie etwa den Login‑Button vergrößern oder abgerundete Ecken geben. Testen Sie Änderungen in mehreren Browsern.
Das Frontend‑Login‑Modul überarbeiten
Besucher melden sich über das Modul Login an, das in der Sidebar oder an anderer Stelle erscheint. Standardmäßig wirkt es nüchtern. So verleihen Sie ihm Stil, ohne Core‑Dateien zu ändern.
1. Override anlegen und Formular stylen
- System → Templates → Site Templates. Wählen Sie Ihr Template und öffnen Sie den Reiter Create Overrides. Klicken Sie auf mod_login, um eine Kopie der Modul‑Ausgabe zu erzeugen.
- Navigieren Sie zu
HTML → mod_login → default.phpin Ihrem Override. Fügen Sie Bootstrap‑Klassen wiefw-boldundfs‑4zum Pre‑Text hinzu, damit er auffällt. Verwenden Siepb‑2(padding bottom) für das User‑Daten‑Div, um Raum zu schaffen. - Ändern Sie die Klasse des Login‑Buttons von
btn-primaryzubtn-darkoder einer anderen Farbklasse passend zu Ihrem Design, und fügen Sie unter dem Formular einen deutlich sichtbaren „Register“‑Button ein, damit Neunutzer die Anmeldung leicht finden.
Diese Änderungen sind optional, verwandeln aber ein einfaches Formular in etwas Einladendes und Zweckmäßiges. Bleiben Sie nach Möglichkeit bei Bootstrap‑Klassen – Joomla nutzt Bootstrap standardmäßig, wodurch Sie gut getestete Stile ohne eigenes CSS erhalten.
2. Override anwenden
Sobald der Override gespeichert ist, gehen Sie zu Content → Site Modules, öffnen Ihr Login‑Modul und wählen im Reiter Advanced das neue Layout aus der Auswahlliste. Sie können auch Pre‑Text („Welcome back“) und Post‑Text („New here?“) oben bzw. unten im Formular setzen. Speichern und die Seite neu laden: Ihr gestaltetes Login‑Feld sollte sichtbar sein.
3. Best Practices
- Erstellen Sie eine Kopie von
default.php, statt sie direkt zu bearbeiten. So können Sie bei Bedarf auf das Original zurückgehen. - Verwenden Sie Bindestriche in Override‑Dateinamen – Unterstriche werden im Layout‑Selector nicht angezeigt.
- Bleiben Sie nach Möglichkeit bei Bootstrap‑Klassen. Sie sind in Joomla‑Templates konsistent und reduzieren den Bedarf an eigenem CSS.
- Gründlich testen. Legen Sie Overrides zuerst auf einer Staging‑Umgebung an, damit Sie sich nicht selbst aussperren.
Nutzer weiterleiten für eine bessere Reise
Standardmäßig führt ein Login Nutzer zur Startseite. Oft möchten Sie sie jedoch auf eine sinnvollere Seite schicken – etwa ein Dashboard oder einen geschützten Download‑Bereich. Joomla bietet zwei einfache Wege, das Ziel nach Login oder Logout zu steuern.
1. Ein Login‑Menüeintrag
Erstellen Sie einen neuen Menüeintrag des Typs Users → Login Form in Ihrem Hauptmenü. Setzen Sie den Zugriff auf Guest, damit er nur angezeigt wird, wenn jemand nicht eingeloggt ist, und wählen Sie im Feld Login Redirection Page die Zielseite. Meldet sich ein Nutzer über diesen Link an, wird er direkt zur gewählten Seite geleitet. Ein entsprechender Logout‑Menüeintrag (Zugriff Registered) bietet einen offensichtlichen Abmeldeweg.
2. Das Login‑Modul konfigurieren
Alternativ öffnen Sie Ihr Login‑Modul und setzen die Optionen Login Redirection Page und Logout Redirection Page auf die gewünschten Seiten. Platzieren Sie das Modul sichtbar – oben rechts funktioniert gut – und weisen Sie es den Seiten zu, auf denen das Login‑Feld erscheinen soll. Um auf jeder Seite eine Abmelde‑Schaltfläche anzuzeigen, erstellen Sie ein zweites Login‑Modul mit Zugriff Registered, positionieren es einheitlich und ordnen es allen Seiten zu, außer denen mit dem Login‑Feld.
Weitere Tipps und Hinweise
- Barrierefreiheit – bei Farbänderungen auf ausreichenden Kontrast achten, klare Beschriftungen verwenden und Passwort‑Zurücksetzen‑Links nicht entfernen.
- Sicherheit – geben Sie auf der Login‑Seite keine unnötigen Informationen preis. Halten Sie die Seite aktuell und stellen Sie sicher, dass benutzerdefinierte Module das Joomla‑Authentifizierungssystem nicht umgehen.
- Versionsunterschiede – die oben beschriebenen Schritte gelten für Joomla 5 und Joomla 4. Frühere Versionen nutzen andere Templates, daher können sich Pfade unterscheiden.
- Modulzuweisungen – Sie können das Login‑Modul über den Reiter Menüzuweisung bestimmten Seiten zuordnen. Praktisch, wenn das Login‑Feld nur auf ausgewählten Seiten erscheinen soll.
Sollten Sie sich nach Experimenten mit Overrides aussperren, nutzen Sie Joomlas Recovery‑Modus oder benennen Sie die fehlerhafte Override‑Datei per FTP um, um den Zugang wiederherzustellen.
Unsere Agentursicht
Das Anpassen der Login‑Seite hat zwar keinen riesigen Impact, zeigt aber, dass Sie auf Details achten. So gut wie jeder Kunde, mit dem wir in den letzten Jahren gearbeitet haben, war überrascht, dass man das blaue Joomla‑Branding gegen eigene Farben und ein eigenes Logo tauschen kann, sodass sich das Backend wie ein Teil der Organisation anfühlt statt wie ein generisches CMS – und dass das Minuten statt Stunden dauert,
Wir empfehlen außerdem, sinnvolle Login‑Redirects einzurichten – schicken Sie Nutzer direkt zum Dashboard oder zum Bereich, den sie am meisten nutzen. Solche kleinen Anpassungen machen Joomla für nicht‑technische Nutzer verständlicher und reduzieren Supportanfragen.
Das Wichtigste in Kürze
- Sie können die Admin‑Loginseite ohne Extensions anpassen.
- Sprach‑Overrides erlauben das Ersetzen generischer Überschriften durch eigene Formulierungen.
- Template‑Overrides und Bootstrap‑Klassen verwandeln das Frontend‑Login‑Modul.
- Login/Logout‑Redirects verbessern Nutzer‑Journeys und reduzieren Verwirrung.
