Wix Harmony Editor: Menüs hinzufügen und verwalten
15 Min.
In diesem Artikel
- Ein Menü hinzufügen
- Menüpunkte hinzufügen und verwalten
- Dropdowns zu deinem Menü hinzufügen
- Das Layout des Menüs ändern
- Vertikale und horizontale Menüs gestalten
- Menüs auf Mobilgeräten verwalten
- FAQ
Menüs machen es Besuchern leicht, deine Website zu erkunden und zu entdecken, was du anbietest. Wähle die Seiten und Links aus, die für dich am wichtigsten sind. Du entscheidest, wie dein Menü aussieht und funktioniert, damit sich die Navigation immer natürlich anfühlt – egal, welches Gerät deine Besucher verwenden.

Ein Menü hinzufügen
Menüs helfen Besuchern dabei, zwischen den Seiten deiner Website zu navigieren. In der Kategorie „Menü“ im Element-Panel fügen die Optionen „Horizontal“, „Vertikal“ und „Hamburger“ jeweils ein Website-Menü hinzu, das mit deinen Website-Seiten verknüpft ist (das heißt, neue Seiten erscheinen automatisch in diesem Menü).
Du kannst auch ein separates benutzerdefiniertes Menü für bestimmte Bereiche hinzufügen und wählen, ob es als horizontales, vertikales oder Hamburger-Menü erscheinen soll. Erstelle zum Beispiel ein benutzerdefiniertes Menü für die Fußzeile deiner Website oder für eine bestimmte Seite, die eine eigene Navigation benötigt.
Um ein Menü hinzuzufügen:
- Öffne deinen Editor.
- Klicke oben links im Editor auf + Hinzufügen.
- Wähle die Kategorie Menü.
Tipp: Klicke auf das Symbol für Pfeil
neben den Kategorien, um die Liste zu durchsuchen. - Befolge je nach Art des Menüs, das du hinzufügen möchtest, die folgenden Schritte:
Website-Menü
Individuelles Menü
Wusstest du schon?
Wenn du deiner Kopfzeile eine Menüleiste hinzufügst, wird sie auf Mobilgeräten automatisch zu einem Hamburger-Menü. So bleibt die Navigation auf deiner Website auf kleineren Bildschirmen übersichtlich und aufgeräumt.

Menüpunkte hinzufügen und verwalten
Sobald du das Menü hinzugefügt hast, wähle die Elemente aus, die angezeigt werden sollen. Wähle reguläre Website-Seiten, Sammlungen von App- und CMS-Seiten oder bestimmte Seiten innerhalb einer Sammlung aus. Du kannst auch Dropdown-Container und Links hinzufügen, um das Erlebnis wirklich an die Bedürfnisse deines Kunden anzupassen.
Du kannst ein bestehendes Menü und die darin angezeigten Elemente jederzeit anpassen. Füge weitere Elemente hinzu, entferne irrelevante Elemente oder ändere die Reihenfolge, um den Content aktuell zu halten.
Um ein Menü zu verwalten:
- Öffne deinen Editor.
- Klicke auf das Menü.
- Klicke auf Menü verwalten.
- Wähle aus, was als Nächstes zu tun ist:
Weitere Menüpunkte hinzufügen
Den Link eines Menüpunkts ändern
Einen Menüpunkt umbenennen
Einen Menüpunkt aus dem Menü entfernen
Menüpunkte neu anordnen

Dropdowns zu deinem Menü hinzufügen
Verwende Dropdowns, um verwandte Seiten unter einem einzigen Menüpunkt zu gruppieren und deine Navigation übersichtlich zu halten. Wähle ein übergeordnetes Element, egal ob es sich um eine Seite oder einen Link handelt, und ordne andere Seiten darunter an, um das Dropdown zu erstellen.
Um ein Dropdown hinzuzufügen und einzurichten:
- Öffne deinen Editor.
- Klicke auf das Menü.
- Klicke auf Menü verwalten.
- Entscheide, welcher Menüpunkt der Titel des Dropdowns sein soll.
- Verschiebe den ersten Menüpunkt in das Dropdown:
- Ziehe den entsprechenden Menüpunkt unter den Titel des Dropdowns.
- Fahre mit der Maus über den Artikel, den du verschoben hast, und klicke auf das Symbol für Weitere Aktionen
. - Wähle Unter „Seitenname“ verschieben.
- Wiederhole Schritt 5 für alle anderen Artikel, die du in das Dropdown verschieben möchtest.

Ziehe stattdessen mit der Maus:

Suchst du nach einer schnelleren Methode, um Seiten in Dropdown-Artikel umzuwandeln? Ziehe eine Seite nach oben oder unten und dann ein wenig nach rechts, bis sie unter einer anderen Seite „einsortiert“ wird. Das GIF unten zeigt, wie das Design aussehen sollte.

Das Layout des Menüs ändern
Ein übersichtliches Menü-Layout hilft Besuchern dabei, schnell zu sehen, wohin sie als Nächstes navigieren können. Wähle eine Menüleiste, wenn alle deine Artikel in einer Zeile oder Spalte sichtbar sein sollen, mit zusätzlicher Kontrolle darüber, was passiert, wenn ein horizontales Menü keinen Platz mehr hat. Wenn du ein kompaktes Symbol bevorzugst, um deine Navigation zu öffnen, wähle ein Hamburger-Menü – ideal für klare, minimalistische Layouts oder wenn der Platz begrenzt ist.
Um das Layout des Menüs zu ändern:
- Öffne deinen Editor.
- Klicke auf das Menü.
- Klicke in der Aktionsleiste auf Format ändern.
- Wähle die entsprechende Option unter Menü:
- Menüleiste: Menüpunkte werden in einer Navigationsleiste angezeigt. Wähle unter Ausrichtung, ob die Leiste horizontal oder vertikal sein soll.
Tipp: Bei horizontalen Menüs kannst du auch das Verhalten der Menüpunkte wählen, wenn auf dem Bildschirm deines Besuchers nicht genug Platz für die Elemente ist – lass das Menü entweder ausdehnen (An Text anpassen) oder füge einen Button hinzu, um durch die zusätzlichen Elemente zu scrollen (An Scrollen anpassen). - Hamburger-Menü: Besucher sehen ein Symbol, auf das sie klicken, um das Menü zu öffnen. Dies ist eine großartige Option für klare, minimalistische Layouts.
- Menüleiste: Menüpunkte werden in einer Navigationsleiste angezeigt. Wähle unter Ausrichtung, ob die Leiste horizontal oder vertikal sein soll.

Vertikale und horizontale Menüs gestalten
Lasse deine Menüs hervorstechen, indem du jedes Detail anpasst, von Farben und Rändern bis hin zu Text, Ecken und Layout. Egal, ob dein Menü horizontal oder vertikal ist, du kannst steuern, wie die Menüleiste und ihre Artikel aussehen, Dropdowns gestalten und den Abstand anpassen, damit für deine Besucher alles genau richtig wirkt.
Ein Hamburger-Menü gestalten?
Lies unseren Artikel über Hamburger-Menüs, um mehr zu erfahren. Du kannst jedes Detail gestalten, vom Button bis zum Container.
Um ein vertikales oder horizontales Menü zu gestalten:
- Öffne deinen Editor.
- Klicke auf das Menü.
- Klicke auf das Symbol für Alle Design-Optionen
in der Aktionsleiste. - Wähle den entsprechenden Teil des Menüs unter Wähle einen Teil der Menüleiste.
Menüleiste und Menüpunkte
Dropdowns und Dropdown-Elemente

Menüs auf Mobilgeräten verwalten
Wenn du deine Website auf einem Smartphone betrachtest, verwandelt sich deine Kopfzeile, um ein flüssiges, übersichtliches Erlebnis zu schaffen. Elemente in deiner Desktop-Kopfzeile (z. B. Navigationslinks, Social-Media-Symbole) verschieben sich in ein kompaktes Hamburger-Menü, sodass nur das Wesentliche oben bleibt. Du kannst Elemente innerhalb des mobilen Menüs verschieben oder sie bei Bedarf entfernen.
Um das Menü in der Kopfzeile auf Mobilgeräten anzupassen:
- Öffne deinen Editor.
- Klicke auf das Symbol für Mobilgerät
oben rechts auf der Seite. - Klicke auf das Symbol für Hamburger-Menü.
- Klicke auf das Dropdown Standardmodus und wähle Hamburger-Menü.

- Wähle aus, was du als Nächstes tun möchtest:
- Elemente im Container neu positionieren: Ziehe Elemente, um sie im Container des Hamburger-Menüs zu verschieben.
- Elemente zum Container hinzufügen: Verwende das Element-Panel, um weitere Elemente zum Container des Hamburger-Menüs hinzuzufügen. Diese Elemente sind nur für Mobilgeräte gedacht, das heißt, sie erscheinen nicht auf dem Desktop.
- Ein Element zurück in die Kopfzeile verschieben: Klicke mit der rechten Maustaste auf das Element und wähle In Kopfzeile verschieben.

FAQ
Klicke unten auf eine Frage, um mehr zu erfahren.
Kann ich die Größe der Menüleiste anpassen?
Kann ich mehrere Menüs zur Kopfzeile hinzufügen?
Wird eine Seite von meiner Website gelöscht, wenn ich sie aus dem Menü entferne?
Muss ich alle meine Website-Seiten im Menü anzeigen?


, um es umzubenennen oder zu entfernen. 




neben einem Artikel gedrückt und ziehe ihn an die gewünschte Position.
: Ändere die Farbe deines Menüs, indem du eine deiner Markenfarben oder eine individuelle Farbe wählst.
: Definiere die Ränder deines Menüs, damit es hervorsticht, indem du eine Farbe, eine Breite und einen Stil auswählst. Klicke auf das Symbol für „Individuelle Ränder bearbeiten“
um jede Seite des Rands zu gestalten.
: Gestalte die Menüpunkte, indem du Schriftart, Farbe, Formatierung, Ausrichtung, Zeichenabstand und mehr änderst.
: Gestalte die Ecken deines Menüs eckiger oder runder, indem du den Slider unter Radius verschiebst. Klicke auf das Ecken einzeln bearbeiten Symbol
: Wende Innen- und Außenschatten an, um dem Menü einen interessanten 3D-Effekt zu verleihen, und lege Position, Unschärfe, Farbe und mehr fest.
: Sorge für mehr Freiraum für deinen Content – füge Innenabstand hinzu und passe den Abstand zwischen den Artikeln an.
: Entscheide, ob die Website-Ausrichtung (von links nach rechts oder von rechts nach links) auf dieses Menü angewendet werden soll. Bei vertikalen Menüs kannst du auch die Breite der Menüpunkte wählen und festlegen, ob Dropdowns als geöffnet oder geschlossen erscheinen.