Akkordeon mit Fragen und Antworten einrichten

Mit diesem Baustein erstellst du eine Frage-und-Antwort-Sammlung, bei der deine Besucher einzelne Fragen aufklappen können, um die Antwort zu lesen. Das ist ideal für häufig gestellte Fragen oder für Inhalte, die du übersichtlich zusammenfassen möchtest.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du kannst den Baustein auf jeder Seite einrichten.

So gehst du vor

Öffne die Einstellungen des Akkordeon-Bausteins. Auf der rechten Seite siehst du den Bereich Allgemein.
Trage eine Kleine Überschrift ein – das ist ein kurzer Text über dem Titel, optional. Wenn du dieses Feld leer lässt, wird die Überschrift nicht angezeigt.
Trage eine Überschrift ein. Du kannst hier auch Formatierungen nutzen – der Editor unterstützt Markdown.
Trage eine Einleitung ein – ein erklärenter Text vor den Fragen. Auch hier kannst du Markdown-Formatierungen verwenden.
Schalte Erste Karte immer öffnen ein, wenn beim Laden der Seite sofort die erste Frage aufgeklappt sein soll. Sonst sind alle Fragen zunächst zugeklappt.
Wechsle zum Bereich Aktionen. Hier fügst du die einzelnen Fragen und Antworten ein.
Klicke auf Karte hinzufügen, um eine neue Frage zu erstellen.
Ein neuer Eintrag mit dem Titel "Neue Karte" erscheint. Öffne diesen Eintrag, indem du darauf klickst.
Wähle optional ein Symbol aus – klick auf das Symbol-Feld links. Du kannst jeden Icon aus der Sammlung verwenden.
Trage den Titel der Karte ein – das ist die Frage oder Überschrift, die deine Besucher sehen. Auch hier funktioniert Markdown.
Wähle optional eine Animation aus – wie die Antwort aufklappt oder einblendet. Wenn du nichts auswählst, passiert "Keine Animation".
Trage den Text ein – das ist der Inhalt der Antwort, den man sieht, wenn man die Karte aufklappt. Auch hier kannst du Markdown verwenden.
Wenn du mehrere Fragen hast: Wiederhole die Schritte 7–12 für jede weitere Frage.
Du kannst die Reihenfolge der Fragen ändern – nutze die Pfeile nach oben und unten neben jeder Karte. Die Schaltfläche nach oben ist deaktiviert, wenn die Frage bereits oben ist; die Schaltfläche nach unten ist deaktiviert, wenn sie bereits unten ist.
Um eine Frage zu duplizieren, klick auf das Symbol mit zwei übereinander liegenden Quadraten.
Um eine Frage zu löschen, klick auf das Mülleimer-Symbol.
Speichere deine Änderungen mit der Schaltfläche Speichern oben rechts.

Aufbau des Akkordeons

Allgemein

Kleine Überschrift: Ein kurzer Text vor der Hauptüberschrift, oft als "Eyebrow" bezeichnet. Wird nicht angezeigt, wenn leer.
Überschrift: Der Haupttitel des Akkordeons (mit Markdown-Formatierung).
Einleitung: Ein erklärenter Text über den Fragen (mit Markdown-Formatierung).
Erste Karte immer öffnen: Wenn aktiv, ist die erste Frage beim Seitenladevorgang bereits aufgeklappt.

Aktionen Jede Karte im Akkordeon enthält:

Symbol: Ein optionales Icon aus der Font-Awesome-Sammlung.
Titel: Die Frage oder Überschrift (mit Markdown-Formatierung).
Animation: Wie die Antwort sich öffnet – ohne Auswahl bleibt es bei einer Standard-Animation.
Text: Der Inhalt der Antwort (mit Markdown-Formatierung).

Die Schaltflächen neben jeder Karte ermöglichen es dir, sie zu verschieben, zu kopieren oder zu löschen.

Was danach passiert

Dein Akkordeon wird auf der Seite gespeichert. Besucher können jede Frage aufklappen, um die Antwort zu sehen. Die Reihenfolge ist die, die du festgelegt hast. Wenn du die erste Karte zum Öffnen aktiviert hast, wird sie aufgeklappt angezeigt, bis der Besucher sie zuklappt.

Weitere Informationen zum Bearbeiten von Seiteninhalten findest du unter Website-Inhalte bearbeiten.

Tipps und Hinweise

Lange Antworten kürzen: Halten deine Antwort-Texte prägnant. Lange Texte wirken überwältigend – deine Besucher werden auf der Seite scrollen müssen.
Symbol nutzen: Ein passendes Symbol hilft deinen Besuchern, auf einen Blick zu erkennen, worum es geht.
Markdown für Formatierung: Du kannst Fetten, Listen oder Links innerhalb des Titels und des Textes verwenden.
Titel aussagekräftig wählen: Schreib die Frage oder das Thema so, dass der Besucher sofort weiß, ob er die Antwort braucht.