Wix Editor: Ein Megamenü hinzufügen und einrichten
7 min
Megamenüs sind Container, die du als Elemente zu deinem erweiterten horizontalen Menü hinzufügen kannst. Wenn Besucher mit der Maus über das Menüelement auf deiner Live-Website fahren, wird der Container geöffnet.
Füge Elemente zum Container hinzu, um wichtige und relevante Inhalte anzuzeigen. Du kannst auch das Aussehen anpassen, um deinen Besuchern ein einzigartiges Navigationserlebnis zu bieten.
Schritt 1 | Ein erweitertes horizontales Menü hinzufügen und einrichten
Um loszulegen, füge deiner Seite ein horizontales Menü hinzu und lege es als „erweitert“ fest. Erweiterte Menüs helfen dir, ein individuelles, organisiertes Surferlebnis für deine Besucher mit mehreren Element- und Navigationsoptionen zu erstellen.
Was du wissen solltest:
Es ist nur möglich, einen Megamenü-Container zu einem horizontalen Menü hinzuzufügen, das du als erweitertes Menü festgelegt hast. Megamenü-Container werden in Standard-Website-Menüs, Menüvorlagen oder vertikalen Menüs nicht unterstützt.
Um ein horizontales erweitertes Menü hinzuzufügen und einzurichten:
- Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
- Wähle Menü & Anker.
- Klicke auf Horizontale Menüs.
- Klicke und ziehe das von dir gewählte Menüdesign an die gewünschte Stelle auf der Seite.
- Das Menü als „erweitert“ festlegen:
- Wähle das neue Menü im Editor aus.
- Klicke auf das Symbol für Einstellungen .
- Wähle Als erweitert festlegen.
- Klicke im Pop-up-Fenster auf Als erweitertes Menü festlegen.
.
.
Schritt 2 | Ein Megamenü zu deinem erweiterten Menü hinzufügen
Sobald du ein erweitertes horizontales Menü hast, füge deinen Megamenü-Container als Element hinzu und benenne ihn. Wir empfehlen die Verwendung eines Titels, der den beabsichtigten Inhalt widerspiegelt, z. B. „Services“ oder „Unsere Geschichte“.
Um ein Megamenü hinzuzufügen:
- Wähle das erweiterte Menü in deinem Editor aus.
- Klicke auf Menü verwalten.
- Klicke unten im Panel auf + Menüelement hinzufügen.
- Wähle Megamenü.
- Gib den Titel des Containers in das Feld ein.
- Klicke auf Fertig.
Schritt 3 | Inhalte zum Container hinzufügen
Nachdem du deinen Container hinzugefügt und benannt hast, füge Elemente wie Buttons, Formen und Text hinzu, um den gewünschten Inhalt zu erstellen.
Um Elemente hinzuzufügen:
- Fahre im „Menü verwalten“-Panel mit der Maus über den Megamenü-Container.
- Klicke auf Bearbeiten.
- Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
- Wähle das Element aus, das du hinzufügen möchtest.
- Klicke und ziehe das Element an die gewünschte Position im Container.
Schritt 4 | Das Layout deines Megamenü-Containers anpassen
Nachdem du die gewünschten Elemente hinzugefügt hast, ändere das Layout des Megamenü-Containers, damit es zu deiner Seitenstruktur passt. Du kannst den Abstand anpassen und auswählen, wie stark sich der Container dehnt.
Um das Layout zu ändern:
- Klicke auf den Megamenü-Container.
- Klicke auf Layout ändern.
- Verwende die folgenden Optionen, um den Container anzupassen:
- Layout wählen: Wähle aus, ob sich der Container über die gesamte Breite des Bildschirms deiner Besucher oder die Breite deiner Website-Seite (innerhalb der Gitternetzlinien) erstrecken soll.
- Abstand zwischen Menü und Untermenü: Vergrößere oder verkleinere den Abstand zwischen deinem Menü und dem Megamenü-Container, indem du den Schieberegler ziehst.
Schritt 5 | Das Design des Megamenüs anpassen
Nachdem du das Layout des Containers angepasst hast, gestalte die Ränder, den Hintergrund und vieles mehr. Um ein einheitliches Aussehen zu erhalten, gelten Änderungen, die du am Megamenü vornimmst, auch für alle Untermenüs, die du hinzugefügt hast.
Um das Design des Containers anzupassen:
- Klicke in der Megamenü-Modusleiste auf Modus verlassen.
2. Klicke auf dein erweitertes Menü.
3. Klicke auf das Symbol für Design .
.4. Klicke auf Design anpassen.
5. Wähle im Aufklappmenü unter Was möchtest du gestalten? die Option Untermenü-Container.
6. Verwende die Optionen, um den Container zu gestalten.
Designoptionen anzeigen
für Position fixiert/Fixierung aufheben, um auszuwählen, ob alle Seiten des Randes gleich oder unterschiedlich groß sind.
Hinweis:
Nur Designoptionen, die am Untermenü-Container vorgenommen wurden, werden auf ein Megamenü angewendet. Änderungen, die du an Untermenüelementen vornimmst, werden nicht auf Elemente angewendet, die du zum Megamenü-Container hinzugefügt hast.
Wie geht es weiter?
Es gibt eine Reihe von Optionen mit einem erweiterten horizontalen Menü. Du kannst:
- Das erweiterte Menü verwalten, um die gewünschten Elemente anzuzeigen.
- Das Design anpassen, damit es zu deiner Website passt.
- Das Layout des Menüs anpassen, um die Ausrichtung, den Abstand und vieles mehr festzulegen.