zum Hauptmenü zum Seiteninhalt zur Subnavigation zum Footermenü zur Suchfunktion zu den Hinweisen der Barrierefreiheit


Inhaltselement Accordions

Ein Gridelement

So erzeugen Sie ein Accordion

Screenshot einer Benutzeroberfläche mit verschiedenen Menüpunkten auf der linken Seite und einem Dokumentenbearbeitungsfeld auf der rechten Seite. Oben steht "Eine Unterseite" und darunter der Hinweis "Dringend notwendig". Das Design ist in einem schlichten, modernen Stil gehalten.

Für das Erstellen eines Accordions klicken Sie wieder den Button "Neues Inhaltselement erstellen".

Das Bild zeigt das Backend von Typo3 mit einem neuen Inhaltselement-Bereich. Es gibt mehrere Optionen zur Auswahl, darunter „Grid-Elemente“ und „Akkordeon“. Der Benutzer sieht ein Dropdown-Menü zur Erstellung und Anpassung von Inhalten auf der Webseite.

Wechseln Sie in den Tab "Grid Elements" und wählen Sie hier das Inhaltselement "Akkordion".

Eine Benutzeroberfläche zur Erstellung einer neuen Unterseite in Typo3. Auf der linken Seite ist ein Menü mit verschiedenen Optionen sichtbar. Im Hauptbereich wird das Formular zur Eingabe von Typ, Spalte und Überschrift angezeigt, sowie zusätzliche Felder für die Gestaltung.

Es öffnet sich die Eingabemaske für das Accordion.

Die Abbildung zeigt eine Benutzeroberfläche zur Erstellung einer Unterseite im TYPO3 Content Management System. Im Vordergrund sind Einstellungen für den Seitentyp, die Spalte sowie die Überschrift "Accordion" zu sehen. Es sind Felder für Typ, Anordnung und Link verfügbar.

Wenn Sie möchten, können Sie hier eine Überschrift eintragen.

Screenshot einer Benutzeroberfläche in einem Typo3-Backend. Links ist ein Menü mit verschiedenen Optionen sichtbar, während rechts Einstellungen für ein Akkordeon-Element angezeigt werden. Es gibt Eingabefelder zur Anpassung von Anzeige- und Inhaltsoptionen.

Scrollen Sie nach unten, um die Erweiterungsoptionen entsprechend der Abbildung einzustellen (alles auf An, im letzten Dropdown die letzte Option wählen).

Das Bild zeigt eine Benutzeroberfläche der Typo3-Software. Links befindet sich ein Menü mit verschiedenen Optionen, während rechts ein Formular zur Bearbeitung von Inhalteinstellungen sichtbar ist. Es wird ein Abschnitt über Akkordeon-Elemente und deren Anpassung beschrieben.

Klicken Sie dann auf "Speichern und schließen" um wieder in die Seitenansicht zu gelangen.

Die Abbildung zeigt eine Benutzeroberfläche des TYPO3 CMS. Auf der linken Seite befindet sich ein Menü mit verschiedenen Optionen. In der Mitte wird eine Unterseite bearbeitet, mit Feldern für Titel und Inhalte. Eine Schaltfläche zum Hinzufügen von Inhalten ist ebenfalls sichtbar.

Sie sehen nun, dass im Backend ein neuer Kasten für das Accordion angelegt wurde. Um einen Reiter (anklickbar im Frontend) zu erzeugen, klicken Sie den grünen Button an.

Screenshot einer Website mit einer Benutzeroberfläche für das Content-Management-System TYPO3. Ein Abschnitt zeigt die Erstellung neuer Inhalte, einschließlich Titel, Typ und Layoutoptionen für die Seite „Eine Unterseite“. Links befindet sich ein Menü mit verschiedenen Inhaltsbereichen.

Es öffnet sich eine Eingabemaske. Tragen Sie hier auf jeden Fall eine Überschrift ein. Das steht dann nachher auf dem Reiter. Kontrollieren Sie, ob das "Grid Layout" ein "T3ddy Element" ist.

Screenshot einer Benutzeroberfläche von TYPO3, die verschiedene Inhaltsblöcke anzeigt. Der Hauptinhalt ist "Dringend notwendig" im Kontext von "Landkreis Ludwigburg". Links sind Navigationselemente und Optionen zur Bearbeitung von Inhalten sichtbar.

Wenn Sie auf "Speichern und schließen gehen" sehen Sie nun im Backend Ihren ersten Reiter für das Accordion.

Die Abbildung zeigt das Backend eines Content-Management-Systems (Typo3). Im Hauptbereich wird eine Eingabemaske zur Erstellung einer neuen Unterseite angezeigt, mit Optionen für den Inhaltstyp, Überschrift und Layout. Auf der linken Seite befindet sich ein Navigationsmenü mit Seitenstrukturen.

Klicken Sie erneut auf den Plus-Button um einen neuen Reiter zu erzeugen.

Screenshot einer TYPO3-Administration. Auf der linken Seite befinden sich Kategorien und Menüoptionen, während im Hauptbereich eine Unterseite mit dem Titel „Eine Unterseite“ angezeigt wird. Es gibt verschiedene Eingabefelder und Optionen zur Bearbeitung von Inhalten.

Die erzeugten Reiter sind wie im Backend anklickbar und funktionieren genau gleich.

Screenshot einer TYPO3-Benutzeroberfläche, die die Erstellung und Bearbeitung einer Unterseite zeigt. Auf der linken Seite befindet sich ein Menü mit verschiedenen Bereichsoptionen, während auf der rechten Seite die Eingabefelder für Titel und Inhalt angezeigt werden.

In dem jeweils aufgeklappten Reiter können Sie dann die gewünschten Inhalte einfügen.

Die Webseite zeigt Informationen zur Schulung im Landkreis Ludwigsburg. Der Titel "Dringend notwendig" signalisiert die Wichtigkeit des Themas. Ein Menü auf der linken Seite bietet verschiedene Navigationspunkte zu Schulungsthemen und zusätzlichen Informationen.

Im Frontend sieht das erzeugte Accordion wie oben dargestellt aus.

Screenshot einer TYPO3-Website, der eine Benutzeroberfläche zur Bearbeitung von Inhalten zeigt. Auf der linken Seite befindet sich ein Navigationsmenü mit verschiedenen Optionen. In der Mitte ist ein Bereich für die Eingabe von Überschrift und Inhalten sichtbar, mit Platzhaltern für Text und weiteren Eingabeelementen.

Damit ein Reiter auch Inhalte enthält, müssen Sie im jeweiligen Reiter auf den Button "Neues Inhaltselement erstellen" klicken.

Der Screenshot zeigt eine Benutzeroberfläche von Typo3, die Auswahlmöglichkeiten für die Erstellung neuer Inhaltselemente anzeigt. Im zentralen Bereich sind "Neuer Überschrift", "Text & Medien" und "Details" als Optionen aufgeführt, um Inhalte hinzuzufügen oder zu bearbeiten.

Sie können z.B. einfach ein Text & Medien Element einfügen. Sie können jedes Inhaltselement einfügen, das Sie sonst auch verwenden können.

Screenshot eines Content-Management-Systems zeigt eine Typo3-Benutzeroberfläche mit Menü auf der linken Seite. Im Hauptbereich sind Felder für eine Überschrift, Typ, Datum, Link und einen Textbereich sichtbar, die für die Bearbeitung von Inhalten verwendet werden.

Fügen Sie etwas Text in den editür. Für die Überschriften innerhalb eines Accordion-Reiters sollten Sie nur den Typ 4, 5 oder Verborgen verwenden.

Dringend nötig im Landkreis Ludwigsburg. Die Seite enthält ein Akkordeon-Element, das zusätzliche Informationen anzeigt. Ein Abschnitt mit dem Titel "Noch ein Reiter" gibt Hinweise zur Anordnung von Text und Medien in einem Datenblatt.

Über die Vorschau können Sie sich das Ergebnis im Frontend ansehen.