Akkordeon
Das Akkordeon ist eine aufklappbare bzw. inklappbare Darstellung von Inhaltselementen. Mehrere Inhaltsbereiche können platzsparend auf einer Seite angezeigt werden – der Nutzer klappt nur auf, was ihn interessiert.
Funktionsweise
Jedes Inhaltselement kann in eine Akkordeon-Darstellung umgewandelt werden. Die Überschrift des Elements wird als Akkordeontitel angezeigt (immer sichtbar). Der Inhalt ist ein- und ausklappbar.
Akkordeon aktivieren – Schritt für Schritt
- Öffnen Sie das Inhaltselement, das Sie als Akkordeon darstellen möchten
- Wechseln Sie zum Tab „Erscheinungsbild"
- Wählen Sie unter „Rahmen" die Option „Akkordeon"
- Stellen Sie sicher, dass das Feld „Überschrift" ausgefüllt ist (Pflicht für Akkordeon)
- Speichern Sie
Unterstützte Inhaltselementtypen
Das Akkordeon funktioniert mit fast allen Inhaltselementtypen, die ein Überschrift-Feld haben:
| Unterstützt | Nicht unterstützt |
|---|---|
| Text & Media | Insert Records |
| Überschrift | Trennlinie (Divider) |
| Tabelle | Elemente mit Typ „Ausblenden" |
| File Links | |
| Menü |
Überschrift als Akkordeon-Titel
Pflichtfeld: Das Akkordeon benötigt zwingend einen Eintrag im Feld „Überschrift". Dieser Text wird als Akkordeontitel angezeigt und ist immer sichtbar.
Der Überschrifttyp (H2, H3 etc.) spielt für die Akkordeon-Darstellung keine Rolle – die Schriftgröße ist im Akkordeon-Modus festgelegt.
Mehrere Akkordeons auf einer Seite
Legen Sie einfach mehrere Inhaltselemente mit dem Rahmen „Akkordeon" direkt übereinander an. TYPO3 gruppiert sie automatisch zu einem zusammenhängenden Akkordeon-Block.
Akkordeon in zwei Spalten
Akkordeons können auch in einem zweispaltigen Layout angezeigt werden:
- Mehrspaltigen Content einrichten
- Für die Akkordeon-Elemente zusätzlich den Rahmen „Akkordeon" wählen
Beispiel
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.