header-logo
GrundlagenErfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Deine Website erstellenGestalte und verwalte deine Website mit Wix.
Konto und AbrechnungVerwalte Premiumpakete, Abos und Rechnungen
Wix Mobile AppsFühre dein Unternehmen und vernetze dich mit Mitgliedern.
DomainsKaufe, verknüpfe oder übertrage eine Domain.
Dein Unternehmen verwaltenStärke dein Unternehmen und deine Webpräsenz.
Werbung für deine WebsiteSteigere deine Sichtbarkeit mit SEO und Marketing.
Studio, Partner von Wix & EnterpriseNutze erweiterte Funktionen für mehr Effizienz.
Du benötigst weitere Hilfe?Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Wix LearnVerbessere deine Kenntnisse mit unseren Tutorials.
Wix BlogErhalte Tipps für Webdesign, Marketing und mehr.
SEO Learning HubErfahre, wie du den organischen Traffic steigerst.
Website developmentErstelle eine Website mit unserer Full-Stack-Plattform.
Engagiere einen ProfiFinde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

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.
Beispiel für ein horizontales Website-Menü mit einem Dropdown auf einer Live-Website von Wix Harmony

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:

  1. Öffne deinen Editor.
  2. Klicke oben links im Editor auf + Hinzufügen.
  3. Wähle die Kategorie Menü.
    Tipp: Klicke auf das Symbol für Pfeil neben den Kategorien, um die Liste zu durchsuchen.
  4. Befolge je nach Art des Menüs, das du hinzufügen möchtest, die folgenden Schritte:
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.
Die Hauptseite der Kategorie „Menü“ im Element-Panel im Editor von Wix Harmony

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:

  1. Öffne deinen Editor.
  2. Klicke auf das Menü.
  3. Klicke auf Menü verwalten.
  4. Wähle aus, was als Nächstes zu tun ist:
Ein Website-Menü in Wix Harmony und das Panel „Menü verwalten“

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:

  1. Öffne deinen Editor.
  2. Klicke auf das Menü.
  3. Klicke auf Menü verwalten.
  4. Entscheide, welcher Menüpunkt der Titel des Dropdowns sein soll.
  5. Verschiebe den ersten Menüpunkt in das Dropdown:
    1. Ziehe den entsprechenden Menüpunkt unter den Titel des Dropdowns.
    2. Fahre mit der Maus über den Artikel, den du verschoben hast, und klicke auf das Symbol für Weitere Aktionen .
    3. Wähle Unter „Seitenname“ verschieben.
  6. Wiederhole Schritt 5 für alle anderen Artikel, die du in das Dropdown verschieben möchtest.
Ein Website-Menü in Wix Harmony und das Panel „Menü verwalten“, bei dem ein Artikel unter einen anderen Artikel verschoben wird, um ein Dropdown zu erstellen
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.

The Manage Menu panel in Wix Harmony, dragging items to nest them under a dropdown

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:

  1. Öffne deinen Editor.
  2. Klicke auf das Menü.
  3. Klicke in der Aktionsleiste auf Format ändern.
  4. 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.
Ein Website-Menü im Editor von Wix Harmony und das Panel „Format ändern“, das die verfügbaren Optionen anzeigt

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:

  1. Öffne deinen Editor.
  2. Klicke auf das Menü.
  3. Klicke auf das Symbol für Alle Design-Optionen in der Aktionsleiste.
  4. Wähle den entsprechenden Teil des Menüs unter Wähle einen Teil der Menüleiste.
Ein Website-Menü in Wix Harmony und das Design-Panel, mit Hervorhebung des Dropdowns, in dem du einen Teil zum Gestalten auswählst

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:

  1. Öffne deinen Editor.
  2. Klicke auf das Symbol für Mobilgerät oben rechts auf der Seite.
  3. Klicke auf das Symbol für Hamburger-Menü.
  4. Klicke auf das Dropdown Standardmodus und wähle Hamburger-Menü.
Klicken auf das Dropdown „Standardmodus“ neben einem Symbol für Hamburger-Menü in der mobilen Ansicht im Editor von Wix Harmony
  1. 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.
Ein Hamburger-Menü in der mobilen Ansicht einer Website von Wix Harmony, bei dem ein Button mit Rechtsklick zurück in die Kopfzeile verschoben wird

FAQ

Klicke unten auf eine Frage, um mehr zu erfahren.