Inhalte in Tabs und als "Akkordeon" auf einer Seite einbinden

Transkript

1 Inhalte können übersichtlich und etwas platzsparender in Tabs und als "Akkordeon" über das Plug- In Mehrfache Inhaltselemente auf einer Seite eingebunden werden. Beispiel für Tabs (Tabulatoren): Beispiel für Akkordeon (aufklappbare Bereiche): Anleitung: 1. Modul Seite wählen 2. Die entsprechende Seite im Seitenbaum anklicken 3. ein Neues Element anlegen 4. Das Plug-In "Mehrfache Inhaltselemente" wählen 5. Seite Mehrfache Inhaltselemente bearbeiten: im Reiter Allgemein Überschrift und Rahmenoption angeben, im Reiter Plug-In Inhalte einfügen bzw. bearbeiten, Tabulator oder Akkordeon auswählen Im Reiter Title können optional die Titel für die Tabs bzw. Akkordeon-Abschnitte angegeben werden.

2 im Reiter Plug-In Tabulator oder Akkordeon auswählen Optionen für Akkordeon o Automatische Höhe: wenn aktiviert, sind alle Bereiche gleich hoch, sonst haben alle Bereiche je nach Inhalt eine individuelle Höhe o Zusammenklappbar: Option sollte aktiviert werden o Beim Start geschlossen: beim Aufrufen der Webseite ist das Akkordeon zusammengeklappt o Geöffneter Inhalt und Öffne zufälliger Inhalt: Abschnitt, der beim Laden der Seite aufgeklappt sein soll, geht nur wenn Option "Beim Start geschlossen" nicht aktiviert ist o Ereignis: soll das Akkordeon per Klick (Standard) oder MouseOver geöffnet werden o Animation, Übergangsart und Übergangsrichtung: Bewegung, die das Akkordeon beim Öffnen ausführt o Übergangsdauer: Dauer der Animation in ms Empfehlung: Die Option "Automatische Höhe" sollte nicht aktiviert werden und die Optionen "Zusammenklappbar" und "Beim Start geschlossen" aktivieren.

3 Automatische Höhe nicht aktivieren

4 Optionen für Tabs: o Mit der Option Geöffneter Inhalt kann bestimmt werden, welcher Tab-Inhalt beim Öffnen der Seite zuerst angezeigt werden soll. Wird eine 1 eingetragen, dann wird der Inhalt des ersten Tabs angezeigt. Inhalt des 1. Tabs anzeigen Hinweis zur Strukturierung der Inhaltselemente im Backend: Damit die Multiplen Content-Elemente (MCE) wie Akkordeon oder Tabs richtig funktionieren, müssen die Inhalte, die darin dargestellt werden sollen, richtig angelegt werden. Pro Tab oder Akkordeon- Abschnitt kann nur ein Inhaltselement ausgewählt werden, die Überschrift dieses Elements wird im Tab / Akkordeon als Überschrift angezeigt. Unterhalb der Seite, auf der sich das MCE-Plugin befindet, wird eine neue Seite vom Typ Ordner angelegt. Direkt auf dieser Ordner-Seite (keine weiteren Unterseiten erstellen) werden die Inhalte als normale Content-Elemente erstellt. Die Content-Elemente sollten folgende Einstellungen haben: Überschrift: das, was oben im Tab / Akkordeon angezeigt werden soll Typ: "Überschriften verstecken" Rahmen: "ohne Rahmen" Im MCE-Plugin werden diese Content-Elemente ausgewählt.

5 Mehrere Content-Elemente auf einem Tab / Akkordeon-Abschnitt einbinden: Sollen mehrere Content-Elemente zusammen in einem Abschnitt erscheinen, so müssen diese gekapselt werden, da im MCE-Plugin nur ein Element pro Abschnitt ausgewählt werden kann. Dazu wird ein einspaltiges Flexibles Content-Element (FCE) angelegt als Container für alle Content- Elemente, die zu diesem Abschnitt gehören. Die Einstellungen oben gelten für das FCE. Im MCE- Plugin wird dann das FCE ausgewählt. Hinweis: das Icon des FCE sieht in der Auswahl (Bild 2) aus wie ein normales Textelement. Hinweis zum Kopieren von FCE's: Werden FCE + CE's kopiert und an anderer Stelle wieder eingebunden, behalten sie die "alte Verknüpfung" und müssen in dem MCE-Plugin neu verlinkt werden! Bild 1: mehrere Inhaltselemente (CE s) in ein einspaltiges FCE anlegen

6 Bild 2: das Icon des FCE sieht in der Auswahl aus wie ein normales Textelement. Bild 3: Einbinden der Inhalte im MCE Kleine Strukturen: Bei kleinen Strukturen bietet es sich an, die Inhalte auf derselben Seite wie das MCE-Plugin abzulegen. Dazu wird für jeden Tab / Akkordeon-Abschnitt ein einspaltiges Flexibles Content-Element (FCE) angelegt. Die Einstellungen sind wie oben. Alle Content-Elemente, die zusammen in einem Tab angezeigt werden sollen, werden in das jeweilige FCE gelegt. Im MCE-Plugin wird auf die umhüllenden FCEs verlinkt.

7 Bei kleinen Strukturen bietet es sich an, die Inhalte auf derselben Seite wie das MCE anzulegen.

8 Ansicht im Browser Beispiel für Tabs Beispiel für Akkordeon