Frontend-Login
In toujou können Sie einzelne Seiten oder Inhaltselemente nur für bestimmte Nutzer und Nutzergruppen zugänglich machen. Möglich wird dies mittels des Frontend-Logins. In diesem Tutorial erfahren Sie, wie Sie den Zugriff einer Seite oder eines Inhaltselements beschränken und wie Sie diesen einer Benutzergruppe zugänglich machen.
Anleitung Video-Tutorials Hinweise, Tipps & Tricks
Schritt für Schritt
Bevor Sie eine passwortgeschützte Seite mittels Frontend-Login auf Ihrer Website darstellen können, müssen Sie die jeweiligen Benutzergruppen mit den entsprechenden Rechten erstellt haben. Erst in einem zweiten Schritt können Sie das An- bzw. Abmeldeformular auf der Loginseite erstellen und den Zugriff auf bestimmte Seiten regulieren.
Benutzerordner erstellen
- Bevor Sie eine Seite mit einem Frontend-Login schützen können, müssen Sie einen Benutzerordner erstellen, in dem Sie die Benutzergruppen und Benutzer ablegen.
- Gehen Sie hierfür mit der Maus auf das Ordner-Icon und halten die Maus gedrückt, während Sie das Icon an die gewünschte Stelle im Seitenbaum einsetzen.
- Geben Sie dem Ordner einen sinnvollen Namen, beispielsweise »Website-Benutzer«.
Website-Benutzergruppen erstellen
- Bevor Sie eine Seite mit einem Frontend-Login schützen können, müssen Sie die entsprechenden Datensätze für Benutzergruppen und Benutzer erstellen.
- Um eine Website-Benutzergruppe anzulegen, klicken Sie in der Listenansicht und dem entsprechenden Ordner (im Screenshot »Website Benutzer«) auf das +-Icon und anschließend auf den Datensatz Website-Benutzergruppe. Es öffnet sich ein neues Fenster.
- Tragen Sie unter dem Reiter Allgemein in das Feld Gruppennamen den gewünschten Namen für die Website-Benutzergruppe ein.
- Speichern Sie die Einstellungen.
Website-Benutzer anlegen
- Um einen Website-Benutzer zu kreieren, klicken Sie in der Listenansicht und dem entsprechenden Ordner auf das +-Icon und anschließend auf den Datensatz Website-Benutzer.
- Im Pop-up-Fenster vergeben Sie unter dem Reiter Allgemein einen persönlichen Benutzernamen und ein individuelles Passwort.
- Verknüpfen Sie den Benutzer mit einer Benutzergruppe, indem Sie aus den verfügbaren Objekten die gewünschte Benutzergruppe anklicken.
- Speichern Sie die Einstellungen für den Benutzer.
An- und Abmeldeformular erstellen
- Mit dem TYPO3-Element Anmeldeformular können Sie den Frontend-Login auf einer Loginseite platzieren. Wählen Sie dafür zunächst in der Modulliste die Seitenansicht und dann im Strukturbaum die entsprechende Seite an, in unserem Beispiel Mitglieder.
- Über einen Klick auf Icon + Inhalt öffnet sich das Pop-up Fenster, in dem Sie über den Reiter Widgets das Element Anmeldeformular aussuchen.
- Das Anmeldeformular fungiert auch als Abmeldeformular. Daher ergibt unter Umständen eine eigene Loginseite Sinn, auf der sich Nutzer*innen an- und abmelden können. Alternativ lässt sich das Anmeldeformular auch auf jeder beliebigen anderen Seite implementieren.
Benutzer verknüpfen
- Um den Benutzer für den Login-Bereich freizuschalten, müssen Sie den Datensatz im Anmeldeformular verknüpfen.
- Klicken Sie hierfür innerhalb des Reiters Plug-In im Bereich Speicherort Benutzer auf das Ordner-Icon. Es öffnet sich ein Pop-up Fenster, in dem Sie den Ordner für Website-Benutzer auswählen.
- Für Weiterleitungen nach dem Login suchen Sie zunächst unter dem Reiter Weiterleitungen aus den verfügbaren Optionen »Nach Anmeldung (TS oder Flexform)« aus, sodass es bei den ausgewählten Optionen erscheint. Verknüpfen Sie anschließend die Weiterleitung mit einem Klick im entsprechende Feld auf das Ordner-Icon und der Auswahl der gewünschten Seite in Ihrem Seitenbaum. Das Prozedere ist für Weiterleitungen nach einer fehlerhaften Anmeldung und Abmeldung ebenso anwendbar.
- Speichern Sie Ihre Änderungen.
Geschützte Seite einrichten
- Um eine Seite nur für eine bestimmte Benutzergruppe zugänglich zu machen, müssen Sie diese im Frontend schützen.
- Hierfür gehen Sie in den Seiteneigenschaften der Seite auf den Reiter Zugriff. Unter verfügbare Objekte wählen Sie die gewünschte Benutzergruppe aus, sodass sie bei den ausgewählten Objekten erscheint. Das Objekt "Anzeigen, wenn angemeldet" schließt alle Benutzergruppen ein.
- Speichern Sie die Einstellungen.
Geschütztes Inhaltselement einrichten
- In toujou können Sie nicht nur eine Seite mit einer Zugangsbeschränkung versehen. Auch einzelne Inhaltselemente auf einer Seite lassen sich verbergen.
- Klicken Sie auf den Bearbeiten-Knopf (Stift-Icon) des jeweiligen Elements und stellen Sie unter dem Reiter Zugriff die Beschränkung ein, indem Sie unter Verfügbare Objekte die entsprechende Benutzergruppe wählen.
- Speichern Sie die Einstellungen.
Video-Tutorial via jweiland.net
Anlegen von Benutzergruppen
Vom Erstellen der Website-Benutzergruppen bis zum Anlegen des Anmeldeformulars: Mit diesem Video gelingen die ersten Schritte.
Laufzeit: 6'44"
Video bei YouTube aufrufen ↗
Geschützte Seiten erstellen
Hier erfahren Sie, wie Sie die geschützte Seiten und Inhaltselemente erstellen und Zugriffsrechte vergeben.
Laufzeit: 12'11"
Video bei YouTube aufrufen ↗
Hinweise, Tipp & Tricks
Wer TYPO3 kennt, weiß, dass viele Wege nach Rom führen. toujou ist TYPO3. Wir weisen Sie an dieser Stelle auf wichtige Informationen und den einen oder anderen Kniff hin, den Sie bei der Erstellung und Bearbeitung Ihrer Website beachten sollten.
Die Zugriffsbeschränkung im Frontend ist auch für ganze Seitenbäume möglich. Klicken Sie hierfür auf der Überseite unter Seiteneigenschaften auf den Reiter Zugriff und aktivieren Sie den Regler "Auf Unterseiten ausdehnen". Um mehrere Unterseiten auf einmal zu erstellen, wählen Sie per rechten Mausklick die entsprechende Überseite an und anschließend "Weitere Optionen" sowie "Mehrere Seiten erzeugen".
In toujou können Sie dem Website-Benutzer mehr Individualität verleihen. Denn neben der obligatorischen Vergabe von User-Namen und Passwort können Sie unter dem Reiter Persönliche Daten Vor- und Nachname, Adresse und Telefonnummer hinzufügen. Im Reiter Plug-In und Meldungen können Sie persönliche Begrüßungen und Meldungen für die einzelnen Anmelde-Optionen hinterlegen.
Verknüpfte Elemente
Elemente aus der toujou-Elementbibliothek, die mit diesen Einstellungen in Verbindung stehen.