header-logo
Grundlagen
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.
Domains
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
  1. Start
  2. Deine Website erstellen
  3. Wix Harmony Editor
  4. Deine Website strukturieren
  5. Wix Harmony Editor: Menüs hinzufügen und verwalten

Wix Harmony Editor: Menüs hinzufügen und verwalten

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 dem Mobilgerät verwenden
  • FAQ
Menüs helfen Besuchern dabei, deine Website zu erkunden und zu sehen, was du anbietest. Wähle die Seiten und Links aus, die dir am wichtigsten sind. Du entscheidest, wie dein Menü aussieht und funktioniert. So fühlt sich die Navigation immer natürlich an, ganz egal, welches Gerät deine Besucher verwenden.
Beispiel für ein horizontales Website-Menü mit Dropdown auf einer Live-Website in Wix Harmony

Ein Menü hinzufügen

Menüs helfen Besuchern, zwischen den Seiten auf deiner Website zu wechseln. In der Kategorie „Menü“ im Bereich Elemente hinzufügen 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 eine separate benutzerdefinierte Speisekarte für bestimmte Bereiche hinzufügen und auswählen, ob sie als horizontale, vertikale oder Hamburger-Speisekarte erscheint. Erstelle zum Beispiel eine benutzerdefinierte Speisekarte für die Fußzeile deiner Website oder für eine bestimmte Seite, die eine eigene Navigation braucht.

Um ein Menü hinzuzufügen:

  1. Öffne deinen Editor.
  2. Klicke oben links im Editor auf + Hinzufügen.
  3. Wähle die Kategorie Menü aus.
    Tipp: Klicke auf das Symbol für Pfeil neben den Kategorien, um dich durch die Liste zu klicken.
  4. Je nachdem, welche Art von Menü du hinzufügen möchtest, gehst du so vor:
Wenn du deiner Kopfzeile eine Menüleiste hinzufügst, wird sie auf mobilen Geräten automatisch zu einem Hamburger-Menü. So bleibt die Navigation auf deiner Website auch auf kleineren Bildschirmen übersichtlich.
Die Hauptseite der Kategorie „Menü“ im Bereich Elemente hinzufügen im Wix Harmony Editor

Menüpunkte hinzufügen und verwalten

Sobald du das Menü hinzugefügt hast, wählst du die Elemente aus, die angezeigt werden sollen. Wähle normale 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 genau an die Bedürfnisse deines Kunden anzupassen.
Du kannst ein vorhandenes Menü und die darin angezeigten Elemente jederzeit anpassen. Füge weitere Elemente hinzu, entferne irrelevante Elemente oder ändere die Reihenfolge, damit der Content aktuell bleibt.

Um ein Menü zu verwalten:

  1. Öffne deinen Editor.
  2. Klicke auf das Menü.
  3. Klicke auf Menü verwalten.
  4. Wähle aus, was du als Nächstes tun möchtest:
Ein Website-Menü in Wix Harmony und im Bereich Menü verwalten

Dropdowns zu deinem Menü hinzufügen

Verwende Dropdowns, um zusammengehörige Seiten unter einem einzigen Menüelement zu gruppieren und deine Navigation übersichtlich zu halten. Wähle ein übergeordnetes Element, egal ob Seite oder Link, und ordne weitere Seiten darunter ein, 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 Dropdown-Titel sein soll.
  5. Verschiebe den ersten Menüpunkt ins Dropdown:
    1. Ziehe den relevanten Menüpunkt unter den Dropdown-Titel.
    2. Fahre mit der Maus über den verschobenen Eintrag und klicke auf das Symbol für Weitere Aktionen .
    3. Wähle Unter „Seitenname“ verschieben.
  6. Wiederhole Schritt 5 für alle anderen Einträge, die du ins Dropdown verschieben möchtest.
Ein Website-Menü in Wix Harmony und im Bereich Menü verwalten, mit einem Klick, um ein Element unter ein anderes zu verschieben und ein Dropdown zu erstellen
Ziehe es stattdessen mit der Maus:
Möchtest du Seiten schneller in Dropdown-Elemente umwandeln? Ziehe eine Seite nach oben oder unten und dann ein Stück nach rechts, bis sie sich unter eine andere Seite schiebt. Das GIF unten zeigt dir, wie es aussehen sollte.

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

Das Layout des Menüs ändern

Eine klare Menüstruktur hilft Besuchern, schnell zu sehen, wohin sie als Nächstes gehen sollen. Wähle eine Menüleiste, wenn alle Elemente in einer Zeile oder Spalte sichtbar sein sollen und du mehr Kontrolle darüber haben möchtest, was passiert, wenn in einem horizontalen Menü der Platz ausgeht. Wenn du lieber ein kompaktes Symbol zum Öffnen deiner Navigation möchtest, wähle ein Hamburger-Menü – ideal für klare, reduzierte Layouts oder wenn wenig Platz da ist.

Um das Layout des Menüs zu ändern:

  1. Öffne deinen Editor.
  2. Klicke auf die Speisekarte.
  3. Klicke in der Aktionsleiste auf Format ändern.
  4. Wähle die passende Option unter Speisekarte:
    • Menüleiste: Die Menüelemente werden in einer Navigationsleiste angezeigt. Unter Ausrichtung wählst du, ob die Leiste horizontal oder vertikal sein soll.
      Tipp: Bei horizontalen Menüs kannst du auch das Verhalten des Elements wählen, wenn auf dem Bildschirm des Besuchers nicht genug Platz für die Elemente ist. Lass das Menü dann entweder die Breite anpassen (An Text anpassen) oder füge einen Button hinzu, mit dem Besucher durch die zusätzlichen Elemente scrollen können (An Scrollen anpassen).
    • Hamburger: Besucher sehen ein Symbol, auf das sie klicken, um das Menü zu öffnen. Das ist eine gute Wahl für klare, minimalistische Layouts.
Ein Website-Menü im Wix Harmony Editor und im Bereich Format ändern, das die verfügbaren Optionen zeigt

Vertikale und horizontale Menüs gestalten

Mache deine Menüs auffälliger, 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 Elemente aussehen, Dropdowns gestalten und den Abstand anpassen, damit sich alles für deine Besucher genau richtig anfühlt.
Ein Hamburger-Menü gestalten?
Lies unseren Artikel über Hamburger-Menüs und erfahre hier mehr darüber. Du kannst alles 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 in der Aktionsleiste auf das Symbol für alle Designoptionen .
  4. Wähle den passenden Teil des Menüs unter Wähle einen Teil der Menüleiste aus aus.
Ein Website-Menü in Wix Harmony und im Design-Panel, mit Hervorhebung des Dropdowns, in dem du einen Teil zum Gestalten auswählst

Menüs auf dem Mobilgerät verwenden

Wenn du deine Website auf einem Smartphone ansiehst, verwandelt sich deine Kopfzeile, damit das Erlebnis ruhig und übersichtlich bleibt. Elemente aus deiner Desktop-Kopfzeile, zum Beispiel Navigationslinks und Social-Media-Symbole, werden in ein kompaktes Hamburger-Menü verschoben. So bleibt oben nur das Wichtigste stehen. Du kannst Elemente im mobilen Menü verschieben oder sie bei Bedarf daraus entfernen.

So passt du das Kopfzeilen-Menü auf dem Mobilgerät an:

  1. Öffne deinen Editor.
  2. Klicke auf das Mobilgerät Symbol  oben rechts auf der Seite.
  3. Klicke auf das Hamburger-Menüsymbol.
  4. Klicke auf das Dropdown Standardmodus und wähle Hamburger-Menü aus.
Das Dropdown „Standardmodus“ neben einem Menüsymbol auf der mobilen Ansicht im Wix Harmony Editor anklicken
  1. Wähle aus, was du als Nächstes tun möchtest:
    • Elemente im Container neu anordnen: Ziehe die Elemente, um sie im Container des Hamburger-Menüs zu verschieben.
    • Elemente zum Container hinzufügen: Verwende das Element-Panel, um dem Container des Hamburger-Menüs weitere Elemente hinzuzufügen. Diese Elemente sind nur auf dem Mobilgerät sichtbar. Das heißt, sie werden auf dem Desktop nicht angezeigt.
    • Ein Element zurück in die Kopfzeile verschieben: Klicke mit der rechten Maustaste auf das Element und wähle In Kopfzeile verschieben aus.
Ein Hamburger-Menü auf der mobilen Ansicht einer Wix Harmony-Website. Mit der rechten Maustaste auf einen Button klicken, um ihn zurück in die Kopfzeile zu verschieben

FAQ

Klicke unten auf eine Frage, um mehr zu erfahren.

War das hilfreich?

|
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 dem Mobilgerät verwenden
  • FAQ

War das hilfreich?

|