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

Ein Website-Menü ist mit den Seiten deiner Website verknüpft und aktualisiert sich automatisch, wenn du eine neue Seite hinzufügst. Du kannst Seiten ausblenden, die nicht im Website-Menü erscheinen sollen. Du kannst auch eigene Links hinzufügen.

1. Wähle den gewünschten Menütyp aus und ziehe ihn auf deine Seite: Horizontales Menü, Vertikales Menü oder Hamburger-Menü.

2. Klicke auf das neue Website-Menü.

3. Klicke in der Aktionsleiste auf Menü verwalten.

4. Richte dein Menü ein:

   • Klicke auf + Menüpunkt hinzufügen, um weitere Seiten deiner Website oder Links hinzuzufügen.

   • Klicke neben einem Menüpunkt auf das Symbol für Weitere Aktionen , um ihn umzubenennen oder zu entfernen.

   • Halte einen Menüpunkt gedrückt und ziehe ihn an die gewünschte Stelle, um die Liste neu zu ordnen.

Tipp: Erfahre hier mehr über das Hinzufügen und Verwalten von Menüpunkten.

1. Klicke auf Benutzerdefiniertes Menü erstellen, um es zur Seite hinzuzufügen.
2. (Optional) Ändere das Layout deines Menüs:
   1. Klicke auf das neue benutzerdefinierte Menü.
   2. Klicke in der Aktionsleiste auf Format ändern, um das Layout deines Menüs festzulegen.
   3. Wähle unter Menü die passende Option aus:
      • Menüleiste: Die Menüelemente erscheinen in einer Navigationsleiste. Lege unter Ausrichtung fest, ob die Leiste horizontal oder vertikal angezeigt wird.
        Tipp: Bei horizontalen Menüs kannst du auch das Verhalten der Elemente festlegen, wenn auf dem Bildschirm eines Besuchers nicht genug Platz für die Elemente ist. Du kannst das Menü ausdehnen (An Text anpassen) oder einen Button hinzufügen, mit dem Besucher durch die zusätzlichen Elemente scrollen können (An Scrollen anpassen).
      • Hamburger: Besucher sehen ein Symbol für das Menü. Sie klicken darauf, um das Menü zu öffnen. Diese Option eignet sich gut für übersichtliche, minimalistische Layouts.

Du kannst Links, die du bereits zum Menü hinzugefügt hast, jederzeit anpassen.

1. Fahre mit der Maus über den entsprechenden Link und klicke auf das Symbol für Weitere Aktionen .

2. Klicke auf Link ändern.

3. Ändere den Linktyp und/oder die Details.

4. Klicke auf Fertig.
   
   

1. Fahre mit der Maus über das entsprechende Element und klicke auf das Symbol für Weitere Aktionen .

2. Klicke auf Umbenennen.

3. Gib den neuen Namen ein.

4. Drücke die Eingabetaste auf deiner Tastatur, um deine Änderungen zu speichern.
   
   

1. Fahre mit der Maus über das entsprechende Element und klicke auf das Symbol für Weitere Aktionen .

2. Klicke auf Aus Menü entfernen.

Hinweise:

• Dadurch löschst du die Seite nicht von der Website. Du entfernst sie nur aus dem Menü.

• Wenn du ein Dropdown-Menü löschst, entfernst du auch alle darin enthaltenen Seiten aus dem Menü. Du kannst sie jedoch jederzeit wieder zum Menü hinzufügen.
  
  

Halte das Symbol für Neu anordnen  neben einem Element gedrückt und ziehe es an die gewünschte Position.

Gestalte die Menüleiste und die Menüelemente mit den verfügbaren Optionen:

• Füllfarben: Ändere die Farbe deines Menüs. Wähle dazu eine deiner Markenfarben oder eine individuelle Farbe.

• Ränder: Lege Farbe, Breite und Stil der Ränder deines Menüs fest, damit es hervorsticht. Klicke auf das Symbol für Einzelne Ränder bearbeiten , um jede Seite des Randes einzeln zu gestalten.

• Ecken: Ziehe den Slider unter Radius, um die Ecken deines Menüs eckiger oder runder zu machen. Klicke auf das Symbol für Einzelne Ecken bearbeiten , um jede Ecke einzeln zu gestalten.

• Schatten: Füge innen und außen Schatten hinzu, um deinem Menü einen interessanten 3D-Effekt zu geben. Stelle Position, Weichzeichnung, Farbe und weitere Optionen ein.

• Abstände: Gib deinem Content mehr Raum. Füge Innenabstand hinzu und passe den Abstand zwischen den Elementen an.

• Layout: Lege fest, ob die Website-Ausrichtung von links nach rechts oder von rechts nach links auch für dieses Menü gelten soll. Bei vertikalen Menüs kannst du auch die Breite der Menüelemente festlegen. Du kannst außerdem auswählen, ob Dropdown-Menüs geöffnet oder geschlossen angezeigt werden.

Hinweis: Je nachdem, ob du die Menüleiste oder die Menüelemente gestaltest, stehen dir unterschiedliche Optionen zur Verfügung.

Gestalte den Text der Menüelemente. Ändere dazu die Schriftart, Farbe, Formatierung, Ausrichtung, den Zeichenabstand und weitere Optionen.

Gestalte die Dropdown-Menüs mit den verfügbaren Optionen:

• Füllfarben: Ändere die Farbe deines Dropdown-Menüs. Wähle dazu eine deiner Markenfarben oder eine individuelle Farbe.

• Ränder: Lege Farbe, Breite und Stil der Ränder deines Dropdown-Menüs fest, damit es hervorsticht. Klicke auf das Symbol für Einzelne Ränder bearbeiten , um jede Seite des Randes einzeln zu gestalten.

• Text : Gestalte die Elemente des Dropdown-Menüs. Ändere dazu die Schriftart, Farbe, Formatierung, Ausrichtung, den Zeichenabstand und weitere Optionen.

• Ecken: Ziehe den Slider unter Radius, um die Ecken deines Dropdown-Menüs eckiger oder runder zu machen. Klicke auf das Symbol für Einzelne Ecken bearbeiten , um jede Ecke einzeln zu gestalten.

• Schatten: Füge innen und außen Schatten hinzu, um deinem Dropdown-Menü einen interessanten 3D-Effekt zu geben. Stelle Position, Weichzeichnung, Farbe und weitere Optionen ein.

• Abstände: Gib deinem Content mehr Raum. Füge Innenabstand hinzu und passe den Abstand oberhalb des Dropdown-Menüs sowie zwischen den Elementen an.

• Layout: Lege die Ausrichtung, Breite und Position des Dropdown-Menüs und seiner Elemente fest. Wähle aus, wie viele Spalten das Dropdown-Menü anzeigen soll.

Hinweis: Je nachdem, ob du das Dropdown-Menü oder seine Elemente gestaltest, stehen dir unterschiedliche Optionen zur Verfügung.

Derzeit kannst du nicht anpassen, wie das Menü aussieht, wenn Besucher darauf klicken oder mit der Maus darüberfahren. Die Unterstreichung, die beim Mouseover über Menüelemente erscheint, gehört zum integrierten Design des Menüs. Du kannst sie weder ändern noch entfernen.

Wenn du mehr Kontrolle über das Design deiner Navigation brauchst, kannst du das Menü mit Text- oder Button-Elementen nachbauen. Füge anschließend jedem Element manuell einen Link hinzu.