Accordions (Aufklapp-Elemente) anlegen
Ein Accordion ist ideal, um lange Texte, Anleitungen oder FAQ-Listen (Häufig gestellte Fragen) strukturiert und platzsparend darzustellen. Die Besucher Ihrer Webseite sehen zunächst nur die Titel der einzelnen Abschnitte und können den dazugehörigen Inhalt bei Bedarf durch einen Klick ausklappen.
Das Accordion als Inhaltselement einfügen
Um ein Accordion auf Ihrer Seite anzuzeigen, müssen Sie zunächst das entsprechende Grundelement anlegen:
| 1. | Neues Element anlegen: Fügen Sie ein neues Inhaltselement in Ihre Seite ein, indem Sie auf das "+ Inhalt" Symbol an der gewünschten Stelle klicken. |
| 2. | Typ auswählen: Wählen Sie unter dem Reiter "Typ" das Element Accordion [in2accordion] aus. |
| 3. | Allgemeine Überschrift (Optional): Im Feld Header können Sie eine Überschrift für den gesamten Block vergeben (z. B. "Häufig gestellte Fragen"). Diese steht dann als normale Überschrift über den ausklappbaren Elementen. |
Einzelne aufklappbare Bereiche (Items) hinzufügen
Nachdem das Grundgerüst steht, müssen Sie nun die einzelnen "Schubladen" (Items) Ihres Accordions mit Inhalten füllen. Scrollen Sie dazu im Backend etwas nach unten zum Bereich Item.
| 1. | Neuen Reiter anlegen: Klicken Sie auf den Button + Create new (unter der Überschrift Item). Es öffnet sich ein neuer Block für Ihren ersten ausklappbaren Bereich. |
| 2. | Titel vergeben: Tragen Sie im Feld Title den Namen des Reiters ein (z. B. "Frage 1"). Das ist der Text, der auf der Website immer sichtbar ist und vom Besucher angeklickt wird. |
| 3. | Inhalt einfügen: Direkt unter dem Titel-Feld finden Sie den Bereich Content. Klicken Sie hier auf den Button + Create new. Es öffnet sich nun die gewohnte Maske, um ein normales Inhaltselement (z. B. "Text" oder "Text & Medien") anzulegen. Dieser Inhalt ist anfangs versteckt und wird erst beim Aufklappen sichtbar. |
| 4. | Weitere Reiter hinzufügen: Um einen weiteren aufklappbaren Punkt hinzuzufügen, scrollen Sie wieder zum Hauptbereich Item und klicken erneut auf den oberen + Create new Button. |
Speichern Sie jetzt das Inhaltselement. Ihr fertiges Accordion ist nun auf der Webseite sichtbar.
Beispiel Accordion:
Hier steht der Text für das erste Element. Dieser Bereich klappt nach unten auf, wenn der Besucher auf den Titel klickt. Man kann hier ganz normalen Fließtext, Aufzählungen oder auch Bilder einfügen.
Dies ist der Inhaltsbereich des zweiten Elements. Auch hier gilt: Der Text ist zunächst unsichtbar und sorgt so dafür, dass die Seite aufgeräumt und übersichtlich bleibt.
Der Inhalt des dritten Elements. Ein Accordion eignet sich hervorragend, um lange Textpassagen in kleine, leicht verdauliche Häppchen zu unterteilen, die der Nutzer selbst steuern kann.
