So findest du das Kopfzeilen-Element
Um die Kopfzeile zu finden, musst du nach dieser Abschnitt-Kategorie suchen. Dort findest du verschiedene Variationen von Kopfzeilen.
In diesem Artikel geht es um ein aktualisiertes Kopfzeilen-Element. Wenn du die Version vor dem 04.08.2023 verwendest, kannst du uns gerne im Live-Chat um weitere Hilfe bitten.
Wie füge ich Elemente in der Kopfzeile hinzu und positioniere sie?
Das Anpassen der Kopfzeile funktioniert ähnlich, aber etwas anders als normalerweise in Onepage. Die Grundlagen sind das Hinzufügen von Elementen und das Anpassen von Spalten.
Du kannst neue Elemente hinzufügen, indem du auf das Menü in der oberen rechten Ecke eines Abschnitts klickst, wie in diesem Bild gezeigt:
Dann wird jedes Element in seiner eigenen Spalte platziert und du kannst die Spaltenbreite und die Positionierung der Elemente konfigurieren, indem du die Spalten in die gewünschte Anordnung ziehst.
Du kannst Mikroanpassungen vornehmen, indem du die Position eines Elements innerhalb der Spalte auswählst. Du kannst zum Beispiel dafür sorgen, dass ein Element in der linken Ecke bleibt, während du auf der rechten Seite noch genügend Platz hast
Das Menü-Element verwenden
Das Hauptelement in deiner Kopfzeile ist das "Menü", das du auf verschiedene Weise nutzen kannst. Schauen wir uns einige seiner wichtigsten Einstellungen und Möglichkeiten an:
Horizontale und vertikale Menüs: Du kannst sowohl horizontale als auch vertikale Menüpunkte erstellen und so den Navigationsstil an das Design deiner Website anpassen.
Vertikale Menüs können nur erstellt werden, wenn genügend Platz vorhanden ist, um sie vertikal zu platzieren. Zum Beispiel innerhalb des Mega Menü-Dropdowns oder innerhalb eines normalen Abschnitts.
Hover-Animationen: Wähle zwischen acht verschiedenen Hover-Animationen, um deinen Menüpunkten einen Hauch von Interaktivität und Eleganz zu verleihen.
Einstellbarer Abstand: Ändere einfach den Abstand zwischen den Menüpunkten, um ein sauberes und visuell ansprechendes Layout zu gewährleisten.
Seitenzuweisung: Mit der verbesserten Schnittstelle kannst du Menüpunkte mühelos bestimmten Seiten zuweisen.
Mehrsprachige Unterstützung: Mit dem Element "Menü" kannst du eine Sprachumschaltung erstellen. Das ist zwar keine vollständige Mehrsprachenfunktion, aber für eine kleinere Website ist es trotzdem eine gute Lösung.
Anpassung des Ausklappzustands: Wenn die Breite nicht ausreicht, um alle Menüpunkte anzuzeigen, kannst du ein benutzerdefiniertes Symbol und einen Dropdown-Stil für die abgeschnittenen Elemente anwenden, um das Nutzererlebnis zu verbessern.
Einstellen der mobilen Ansicht
Um das mobile Layout zu steuern, verwendest du die Kopfzeileneinstellungen, die sich normalerweise etwas oberhalb des Dropdowns in der oberen rechten Ecke befinden.
Dies kannst du du in der mobilen Ansicht deines Menüs einstellen:
- Elemente ein-/ausschalten: Du kannst jetzt ein Logo, eine Schaltfläche oder einen Schließen-Button speziell in der mobilen Ansicht aktivieren/deaktivieren.
- Aussehen der "Burger" Schaltfläche: Wähle verschiedene Stile wie "Rahmen" und ändere die Farbe und Größe des Symbols.
- 4 verschiedene Layouts: Wähle aus 4 verschiedenen Layouts für das Erscheinungsbild des Menüs. Bestimme die Breite und die Menge des Platzes innen und außen.
- Hintergrundtransparenz: Wähle die Farbe und den Grad der Hintergrundtransparenz.
💡Hast du Feedback zu diesem Artikel? Bitte lass es uns über unseren Live-Chat oder unter support@onepage.io wissen, damit wir ihn auf dem neuesten Stand halten können. Vielen Dank! 🙂