Reiter-Navigation (Tabs)

Sie möchten Inhalte mit Hilfe einer horizontalen Reitern-Nvigation strukturieren.

Eine Reiter-Navigation stellt gleichberechtigte Inhalte in einer horizontalen Navigationsstruktur dar. Eine Reiter-Navigation eignet sich immer dann, wenn gleichwertige Optionen übersichtlich dargestellt werden sollen. Beispiel: Sie möchten Ihren Besuchern die möglichen Optionen eines Angebots übersichtlich darstellen.

Schritt für Schritt

1. Inhaltscontainer "Reiter-Navigation" einfügen Permalink zu '1. Inhaltscontainer "Reiter-Navigation" einfügen'

Fügen Sie an der gewünschten Stelle auf einer Seite durch Klick auf die Schaltfläche [+ Inhalt] einen neuen Inhaltscontainer hinzu.

Die Ansicht aktualisiert sich, Sie sehen jetzt den Wizard Neues Inhaltselement.

Wählen Sie im Reiter HFU FCL den Inhaltscontainertyp Reiter-Navigation aus.

Die Ansicht aktualisiert sich, Sie sehen jetzt eine Eingabemaske zur Bearbeitung des Inhaltscontainers.

Sollten Sie den Typ eines Inhaltscontainers nachträglich ändern wollen können Sie dies über das Auswahlmenü Typ im Reiter Allgemein der sich gerade geöffneten Eingabemaske.

2. Reiter hinzufügen Permalink zu '2. Reiter hinzufügen'

Wechseln Sie in den Reiter Allgemein und fügen Sie durch Klick auf [+ Reiter hinzufügen] ein neues Inhaltselement hinzu.

Die Ansicht aktualisiert sich, Sie sehen jetzt die Eingabemaske zur Bearbeitung eines Reiters.

Vergeben Sie im Feld Titel des Reiters einen aussagekräftigen Titel. Der Titel wird später im Frontend als Schaltfläche zur Aktivierung des Reiters genutzt werden.

Der Titel eines Reiters ist idealerweise kurz und prägnant. Bitte behalten Sie im Hinterkopf, dass alle Reiter idealerweise horizontal nebeneinander angezeigt werden.

Wiederholen Sie den Schritt "Reiter hinzufügen" sofern Sie weitere Reiter hinzufügen möchten.

Eine Reiter-Navigation besteht idealerweise aus mindestens zwei und maximal vier Reitern.

3. Inhalte zu einem Reiter hinzufügen Permalink zu '3. Inhalte zu einem Reiter hinzufügen'

Fügen Sie ein oder mehrere Inhaltscontainer zu einem Reiter hinzu, indem Sie auf die Schaltfläche [+ Inhalt zu Reiter hinzufügen] klicken.

Die Ansicht aktualisiert sich, es wird ein Inhaltscontainer vom Typ Text und Medien eingefügt. Sie können diesen wie im Artikel Fließtext & Bild(er) / Bildergalerie beschrieben nutzen.

4. Speichern Permalink zu '4. Speichern'

Speichern Sie die Änderungen mit einem Klick auf die Schaltfläche [Speichern].

Probleme oder Fragen?

Schreiben Sie uns Ihr Feedback oder Ihre Fragen an onlineredaktion(at)hs-furtwangen.de.