Standard-Header bearbeiten
Der Standard-Header ist das Herzstück der Navigation deiner Website. Hier kannst du dein Logo einblenden, Menüpunkte organisieren und wichtige Aktions-Schaltflächen platzieren. Der Header erscheint auf allen Seiten deiner Website und bietet deinen Besuchern eine konsistente Navigation.
Voraussetzungen
- Du befindest dich im Website-Editor
- Ein Standard-Header-Block ist auf deiner Seite eingefügt
- Du hast die Berechtigung, Website-Inhalte zu bearbeiten
Aufbau der Bearbeitungsseite
Die Bearbeitungsseite ist in drei Hauptbereiche gegliedert:
Allgemein
Hier findest du die grundlegenden Darstellungsoptionen:
- Zeige Logo: Schalter zum Ein-/Ausblenden des Website-Logos
- Dunkle Variante: Schalter für dunkles Header-Design
- Volle Breite verwenden: Schalter für Header über die gesamte Bildschirmbreite
- Zentriere Menü: Schalter zur Zentrierung der Menüpunkte
- Fixiere oben: Schalter, um den Header beim Scrollen sichtbar zu halten
Navigationsmenü
Hier verwaltest du alle Menüpunkte deiner Website:
- Liste aller Hauptmenüpunkte mit Bearbeitungsmöglichkeiten
- Möglichkeit, Untermenüs zu erstellen
- Schaltfläche zum Hinzufügen neuer Menüeinträge
Aktionen
Hier fügst du wichtige Aktions-Schaltflächen hinzu:
- Liste aller Call-to-Action-Schaltflächen
- Einstellungen für Text, Ziel und Aussehen jeder Schaltfläche
- Schaltfläche zum Hinzufügen neuer Aktionen
So arbeitest du mit dieser Seite
Grundeinstellungen anpassen
- Aktiviere Zeige Logo, wenn dein Website-Logo im Header erscheinen soll
- Wähle Dunkle Variante für einen dunklen Header mit hellem Text
- Aktiviere Volle Breite verwenden, um den Header über die gesamte Bildschirmbreite zu strecken
- Nutze Zentriere Menü, um die Navigation in der Mitte zu positionieren
- Aktiviere Fixiere oben, damit der Header beim Scrollen sichtbar bleibt
Menüpunkte verwalten
- Klicke auf Menüeintrag hinzufügen, um einen neuen Hauptmenüpunkt zu erstellen
- Für jeden Menüpunkt kannst du folgende Einstellungen vornehmen:
- Symbol: Wähle ein passendes Symbol aus der Auswahl
- Text: Der sichtbare Text des Menüpunkts
- Ziel: Die URL, zu der der Menüpunkt führt (z.B. "/ueber-uns")
- Title: Zusätzlicher Text, der beim Überfahren mit der Maus angezeigt wird
- In neuem Tab öffnen: Aktiviere dies für externe Links
- Nutze die Pfeil-Schaltflächen, um die Reihenfolge der Menüpunkte zu ändern
- Klicke auf das Kopieren-Symbol, um einen Menüpunkt zu duplizieren
- Entferne Menüpunkte mit dem Papierkorb-Symbol
Untermenüs erstellen
- Klicke bei einem Hauptmenüpunkt auf Untermenüpunkt hinzufügen
- Konfiguriere den Untermenüpunkt wie einen normalen Menüpunkt
- Untermenüs werden beim Überfahren des Hauptmenüpunkts angezeigt
- Du kannst bis zu zwei Ebenen von Untermenüs erstellen
Aktions-Schaltflächen hinzufügen
- Klicke auf CTA hinzufügen, um eine neue Aktions-Schaltfläche zu erstellen
- Konfiguriere die Schaltfläche:
- Button Text: Der Text auf der Schaltfläche (z.B. "Jetzt kaufen")
- Navigationsziel: Die URL, zu der die Schaltfläche führt
- Schaltflächen-Stil: Wähle Farbe und Aussehen der Schaltfläche
- Nutze die Pfeil-Schaltflächen zum Sortieren
- Kopiere oder lösche Schaltflächen mit den entsprechenden Symbolen
Tipps und Hinweise
- Klare Navigation: Verwende verständliche Begriffe für deine Menüpunkte
- Nicht zu viele Punkte: Beschränke dich auf 5-7 Hauptmenüpunkte für bessere Übersichtlichkeit
- Wichtige Aktionen: Platziere nur die wichtigsten Aktionen als Schaltflächen (z.B. "Kontakt", "Angebot anfordern")
- Mobile Ansicht: Der Header passt sich automatisch an mobile Geräte an
- Fixierter Header: Ein fixierter Header verbessert die Navigation, kann aber Platz wegnehmen
- Konsistente URLs: Verwende einheitliche URL-Strukturen (z.B. alle mit "/" beginnend)