Akkordeon - TYPO3

Akkordeon - TYPO3

Akkordeon

Info
Akkordeons werden häufig auf FAQ-Seiten, Produktbeschreibungen, Anleitungen und anderen Orten eingesetzt, um Inhalte auf Webseiten übersichtlich und gut organisiert darzustellen. Die Verwendung von Akkordeons verbessert die Benutzererfahrung, da sie den Nutzern ermöglichen, sich auf die für sie relevanten Informationen zu fokussieren. Wenn du das Element im Frontend anschauen möchtest, gehe gerne auf unserer Beispielseite: klicke hier

Das Modul im Frontend

Das Akkordeon ist ein aufklappbares Element, welches aus Text und Bild besteht.


Durch das Plus Symbol lassen sich Text oder Text+ Bild ausklappen


Pflege im Backend

Die Pflege des Akkordeons erfolgt in zwei Schritten: Den Rahmen für das Akkordeon schaffen und die Inhalte einpflegen.

1. Den Rahmen für das Akkordeon erstellen

  1. Wir starten auf der gewünschten Seite und benötigen zunächst eine normale Rahmenbühne.
  2. Für das Erstellen eines Akkordeons muss zuerst der Akkordeon-Rahmen erstellt werden, dieser ist unter Container zu finden.

Unter den Einstellungen des Containers kann man die schema.org Auszeichnung als FAQ-Element wählen (,wenn der Baustein dafür gebucht ist). Außerdem kann man definieren, ob es einen Button geben soll, der bei Klick alle Akkordeon-Einträge öffnet und, ob der erste Eintrag standardmäßig geöffnet ist.

2. Inhalte einpflegen

Zum Einpflegen der Inhalte wählt man das Akkordeon-Element. Hierbei ist es sinnvoll, eine Überschrift zu pflegen, damit das Akkordeon zu identifizieren ist.
Idea
Folgende Inhaltselemente gibt es:
  1. Akkordeon Element


Inhaltselement

Akkordeon Element

In dem Akkordeon Element kann man Inhalte als Text mit Überschrift einpflegen. Zudem ist es möglich, einen Link in Form eines Buttons unterhalb des Textes darzustellen. Über das Listen-Element können weitere Buttons hinzugefügt werden. Diese können auch mit einem Icon versehen werden. Ein Bild lässt sich ebenfalls pflegen. Dieses wird linksseitig vom Text und oberhalb der Buttons ausgespielt.






    • Related Articles

    • destination.base+ Akkordeon

      destination.base+ Akkordeon: Die sinnvolle Ergänzung zur Akkordeon-Bühne Wer das Modul einmal ausprobieren möchte, gelangt hier zur Live-Demo: LINK Darstellung im Frontend Deine strukturierten Daten nun auch im Akkordeon-Format: Akkordeon+ ist dein ...

    • destination.employee - TYPO3

      destination.employee-Zur optimalen Darstellung des Teams Die Darstellung der Mitarbeiter auf einer Website trägt auf vielen Weisen zu einer positiven Online-Präsenz bei. Indem die Kontaktdaten der Mitarbeiter bereitgestellt werden, können Nutzer ihre ...

    • destination.youtube - TYPO3

      destination.youtube - YouTube auf der Landingpage Darstellung im Frontend Wer das Modul einmal selbst testen will, kann dies über folgenden Link machen: LINK Hinweis: Für die Anzeige im Frontend müssen Cookies akzeptiert werden. Pflege im Backend ...

    • Mediendatenbank pflegen

      destination.base: Mediendatenbank In diesem Video lernst Du, wie Du Deine Medien in Deine Mediendatenbank hochladen und diese für die Befüllung Deiner Seiten vorbereiten kannst. - (0:00) Einleitung und Grundwissen - (1.38) Ordner erstellen - (3:20) ...

    • Formulare anlegen und pflegen

      Formulare ab TYPO3 Version 10 Inhalt: - 0:25 Einleitung und Typo3 Version nachschauen - 1:10 Anwendungsbereiche Formulare - 5:40 Erstellung Formulare - 6:40 Formulare auf der Seite einbinden FAQ: 1) Frage: Beim "Finisher" E-Mail an Empfänger - welche ...