Den Navigationsblock verwenden

Der Navigationsblock zeigt das Menü deiner Website an, damit Besucher zwischen Seiten navigieren können. In diesem Ratgeber erfährst du, wie du den Navigationsblock hinzufügst und anpasst.

Der Navigationsblock wird normalerweise zu den Templates deiner Website hinzugefügt, am häufigsten im Header oder Footer.

So fügst du einen Navigationsblock hinzu:

1. Rufe das Dashboard deiner Website auf.
2. Navigiere zu Design → Editor.
3. Klicke auf die Startseiten-Vorschau auf der rechten Seite, um deine Startseite zu bearbeiten, oder wähle das Template oder den Template-Teil aus, in dem das Navigationsmenü angezeigt werden soll (z. B. im Header).
4. Klicke auf das + Block-Inserter-Icon und suche nach „Navigation“.
5. Klicke auf den Navigationsblock, um ihn zu deiner Website hinzuzufügen.

Eine detaillierte Anleitung zum Hinzufügen von Blöcken findest du hier.

Wenn du einen Navigationsblock hinzufügst, zeigt dieser zunächst das Menü deiner Website an. Wenn du noch kein individuelles Menü erstellt hast, enthält er automatisch einen Seitenlisten-Block, der alle veröffentlichten Seiten anzeigt und automatisch aktualisiert wird, wenn neue Seiten veröffentlicht werden.

Um anzupassen, welche Seiten angezeigt werden, individuelle Links hinzuzufügen oder die Reihenfolge der Menüeinträge zu ändern, wirst du zunächst aufgefordert, den Seitenlisten-Block in einzelne Links zu konvertieren.

Befolge diese Schritte, um den Seitenlisten-Block zu konvertieren:

1. Verwende die Listenansicht, um zum Seitenlisten-Block innerhalb deines Navigationsblocks zu navigieren.

2. Klicke in der Block-Werkzeugleiste auf den Button Bearbeiten:

3. Es wird die Warnung angezeigt, dass die Seitenliste nicht mehr automatisch aktualisiert wird. Klicke zum Bestätigen auf Bearbeiten.

Jetzt kannst du neue Links und Seiten hinzufügen, Menüeinträge entfernen und die Links in deinem Menü neu anordnen.

So änderst du bestimmte Links in deinem Navigationsblock:

1. Verwende die Listenansicht, um zu dem individuellen Link zu navigieren, den du im Navigationsblock anpassen möchtest.
2. In der Seitenleiste mit den Blockeinstellungen kannst du Folgendes ändern:
   • Text: Ändere die Beschriftung, die im Navigationsmenü angezeigt wird.
   • Link: Aktualisiere die Zielseite oder URL.
   • In neuem Tab öffnen: Aktiviere das Kontrollkästchen, damit der Link in einem neuen Tab geöffnet wird.
   • Beschreibung: Füge Text hinzu, der angezeigt wird, wenn dein Theme Link-Beschreibungen unterstützt.
   • Rel-Attribut: Lege Beziehungen wie „nofollow“ für SEO-Zwecke fest.
   • Stile: Klicke auf den Tab „Stile“, um die Schriftgröße und andere Typografieeinstellungen zu ändern.

3. In der Block-Werkzeugleiste kannst du Folgendes tun:
   • Den Link ändern: Klicke auf das Link-Icon, um die URL zu ändern, oder lege fest, dass sie in einem neuen Tab geöffnet wird.
   • Formatierung hinzufügen: Verwende Fettdruck, Kursivschrift oder andere Textformatierungsoptionen.
   • Untermenü hinzufügen: Klicke auf das Untermenü-Icon, um ein Dropdown-Menü zu erstellen.
   • Den Link verschieben: Benutze die Pfeile nach links/rechts, um den Link im Menü neu zu positionieren.

Weitere Informationen zur Verwaltung von Menüeinträgen findest du unter Menüeinträge bearbeiten.

Wenn du mehr als ein Menü erstellt hast, kannst du ein anderes Menü für den Navigationsblock auswählen.

Befolge diese Schritte, um ein anderes Menü auszuwählen:

1. Verwende die Listenansicht, um den Navigationsbock auszuwählen.
2. Klicke in der Seitenleiste mit den Block-Einstellungen auf das (⋮) neben Menü.

3. Wähle eine der folgenden Optionen aus:
   • Menüs: Wähle aus bestehenden Menüs, die du bereits erstellt hast.
   • Klassische Menüs importieren: Konvertiere ein klassisches WordPress-Menü, um es mit dem Block-Editor zu verwenden. Diese Option wird dir nur angezeigt, wenn du klassische WordPress-Menüs zum Konvertieren hast.
   • Neues Menü erstellen: Beginne mit einem völlig neuen Menü von vorn.

Eine detaillierte Menüverwaltung findest du in unseren Ratgebern zum Hinzufügen von Links, Erstellen von Dropdown-Listenund Neuanordnen von Elementen.

So passt du an, wie dein Navigationsblock Besuchern angezeigt wird:

1. Verwende die Listenansicht, um den Navigationsbock auszuwählen.
2. Klicke in der Seitenleiste mit den Block-Einstellungen auf das Einstellungs-Icon.

3. Passe die Layout-Einstellungen an:
   • Ausrichtung (Text): Wähle links, mittig, rechts oder gleichmäßig zwischen Menüeinträgen.
   • Ausrichtung (Seite): Wähle ein horizontales (Standardeinstellung) oder vertikales Menü-Layout.
   • Umbrechen mehrerer Zeilen erlauben: Deaktiviere diese Option, um die Navigation in einer einzigen Zeile zu belassen.
4. Konfiguriere Anzeigeeinstellungen:
   • Icon-Button anzeigen: Schalte ihn für ein Hamburger-Icon ein oder aus, um „Menü“-Text anzuzeigen.
   • Icon: Wähle zwischen zwei oder drei horizontalen Linien für das Hamburger-Icon.
   • Overlay-Menü: Wähle Aus, Mobil (Standardeinstellung) oder Immer, um zu steuern, wann das Menü zu einem Overlay zusammengeklappt wird. Entwirf ein Overlay-Template, um das Design des Menü-Overlays auf Mobilgeräten anzupassen.
5. Wenn du Untermenüs hast, passe das Verhalten von Untermenüs an:
   • Auf Klick öffnen: Aktiviere diese Option, um Untermenüs per Klick zu öffnen, oder deaktiviere sie, um sie bei Mauszeigerkontakt zu öffnen.
   • Pfeil anzeigen: Aktiviere diese Option, um Pfeile anzuzeigen, die auf das Vorhandensein eines Untermenüs hinweisen.

Weitere Optionen zur Menüanpassung findest du unter Anpassen des Menüdesigns.

So passt du das Design deines Navigationsblocks an:

1. Verwende die Listenansicht, um den Navigationsbock auszuwählen.
2. Klicke in der Seitenleiste mit den Block-Einstellungen auf das Stile-Icon.

3. Passe das Design über folgende Wege an:
   • Farbeinstellungen: Ändere Text-, Hintergrund- und Linkfarben.
   • Typografie-Einstellungen: Passe Schriftfamilie, Größe und Gewicht an.
   • Abmessungseinstellungen: Lege Abstände und Ränder fest.

Weitere Optionen für das Menüdesign findest du unter Anpassen des Menüdesigns.