Arbeiten mit toujou:
TopBar Actions
In toujou können Sie für Ihre Website sogenannte TopBar Actions erstellen. Das sind Verlinkungen, die via Icon und Text in der Topbar Ihrer Website erscheinen. So können Sie interne Verlinkungen (z.B. Kontakt o.ä.) und externe Verlinkungen (z.B. Social Media) präsent positionieren. TopBar Actions bieten damit ähnliche Optionen wie die Quicklinks, sind aber an einer anderen Stelle auf der Website verortet.
Beispielansicht Anleitung Hinweise, Tipps & Tricks Verknüpfte Elemente
TopBar Actions für Ihre Website
TopBar Actions erstellen Sie über die Listenansicht des Backends mit einem neuen Datensatz. Diese werden – wie der Namen schon verrät – in der TopBar angezeigt. Bitte beachten Sie, dass diese Möglichkeit aktuell nur im kojo-Theme dargestellt wird.
Beispielansicht
(aktuell nur im kojo-Theme verfügbar)
Schritt für Schritt
Datensatz erstellen
- Stellen Sie sicher, dass Sie die Listenansicht in der Modulleiste angewählt haben.
- Wählen Sie im Seitenbaum die Root Page (Seite mit Globus-Icon).
- Klicken Sie anschließend den Button + Neuen Datensatz erstellen.
- Es öffnet sich eine neue Seite mit der Datensatz-Auswahl. Klicken Sie unter Inhalt auf Link Collection.
Titel definieren und Items anlegen
- Im Reiter Allgemein finden Sie das Textfeld. Geben Sie dort den Titel der Collection ein, den Sie in den Theme-Settings dann wiederfinden. Ein Titel ist zwingend erforderlich.
- Im Bereich Items können Sie mit Klick auf + Neu anlegen Items erstellen. Die Mindestanzahl beträgt 1.
Item-Optionen festlegen
- Damit ein Item angezeigt wird auf Ihrer Website, muss zwingend ein Link hinterlegt sein. Klicken Sie hierfür im Bereich Link auf das Ketten-Symbol und wählen Sie die gewünschte Seite aus. Es stehen Ihnen Möglichkeiten zur website-internen Verlinkung (z.B. Kontakt o.ä.) sowie zu externen Verlinkung (z.B. Social Media) zur Verfügung.
- Tragen Sie im Textfeld bei Label ein, wie das Item benannt werden soll. Das Label erscheint nur im Backend.
- Mit der Auswahl eines Icons über die Optionen Datei hinzufügen und Dateien auswählen und hochladen können Sie dem Item ein individuelles Icon hinzufügen. Achten Sie auf ein svg als Datei. Ist kein Icon hinterlegt, spielt das System ein Standard-Icon auf der Website aus.
- Speichern Sie alle Einstellungen.
TopBar Actions in den Theme Settings auswählen
- Wechseln Sie in die Modulleiste toujou Theme. Navigieren Sie im Reiter Theme zum Bereich TopBar Actions und wählen Sie eine Collection aus. Klicken Sie hierfür auf das Dropdown-Menü.
- Speichern Sie die Änderungen. Anschließend erscheinen die Verlinkungen in der TopBar Ihrer Website.
Hinweise, Tipps & Tricks
Die TopBar Actions bieten somit eine redaktionell einstellbare Möglichkeit, neben Menüreitern weitere wichtige Seiten außerhalb des Footers und der Quicklinks zu platzieren.
In der Anzahl der Items – und somit bei der Anzahl der Links – sind Sie prinzipiell frei. Bitte denken Sie jedoch stets daran, dass die TopBar nicht unbegrenzt Platz bietet – je nach Endgerät. Eine sorgfältige Priorisierung und Auswahl ist demnach unerlässlich.
Möchten Sie einen Datensatz für die TopBar Actions bearbeiten, suchen Sie über das Listenmodul und mit Auswahl der jeweiligen Seite im Seitenbaum in der Seitenansicht den Link Collection Datensatz und klicken Sie auf den Bearbeiten-Button (Stift-Icon).
Basiert Ihre Website nicht auf dem kojo-Theme, stehen Ihnen die themenverwandten Navigationsicons zur Verfügung, die Ihnen ebenfalls ermöglichen, in der TopBar eine Verlinkung zu einzelnen Seiten zu generieren. Bitte beachten Sie, dass die Darstellung dieser Option im Frontend theme-abhängig ist.
Verknüpfte Elemente
Elemente aus der toujou-Elementbibliothek, die mit diesen Einstellungen in Verbindung stehen.
Quicklinks Social Media Bar Card Collections toujou-Theme
Alle Elemente im Überblick Alle Tutorials im Überblick