Wix Editor: Ein Seitenleistenmenü erstellen

4 Min. Lesezeit
Verwende das Lightbox-Element, um ein beeindruckendes Seitenleistenmenü zu erstellen!

Um ein Seitenleistenmenü zu erstellen:

  1. Lösche dein bestehendes Menü von deiner Website.
  2. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  3. Klicke auf Interaktiv.
  4. Wähle eine Seitenleisten-Voreinstellung wie diese aus:
  1. Klicke auf die Lightbox und klicke auf das Symbol für Einstellungen .
    1. Ändere die Bezeichnung deiner Lightbox in etwas, das du leicht wiedererkennst, zum Beispiel „Seitenleistenmenü“.
    2. Wähle unter Lightbox automatisch anzeigen die Option Nein.
  1. Lösche alle Elemente innerhalb der Lightbox. Lösche nicht das „X“-Symbol.
  2. Du kannst zu deiner Lightbox ein vertikales Menü hinzufügen.
  3. Gestalte dein Menü. Wir empfehlen die Verwendung großer und mittig ausgerichteter Schriftarten.
Tipp:
Passe den Hintergrund der Lightbox an wie auch das Overlay, sodass es sie zu deiner Website passen. Du kannst den Hintergrund sogar leicht transparent machen, um einen wirklich coolen Effekt zu erzielen.
  1. Klicke links im Editor auf Menüs & Seiten  und wähle die Seite aus, auf der du den Menü-Button platzieren möchtest.
  2. Füge eine Form für den Menü-Button hinzu:
    1. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
    2. Klicke auf Deko.
    3. Klicke auf den Tab Grundformen.
    4. Klicke auf Weitere Formen.
    5. Gib „Menü“ in das Suchfeld ein und drücke die Eingabetaste.
    6. Wähle ein Menüdesign aus und klicke auf Hinzufügen.
    7. Klicke auf das Symbol für Design , um deinen Menü-Button zu gestalten.
Tipp:
Du kannst auch deinen eigenen Menü-Button gestalten. Dies kann ein Textbutton, ein Symbolbutton oder eine andere Form sein. Unten findest du einige Beispiele:
  1. Platziere den Menü-Button an einer prominenten Stelle auf deiner Website. Das kann die Kopfzeile sein, du kannst aber auch die Funktion Element fixieren verwenden, um den Button oben auf deiner Website zu fixieren. Wenn dein Menü-Button nicht in der Kopfzeile platziert ist, solltest du sicherstellen, dass er auf allen Seiten angezeigt wird.
  2. Klicke auf den Menü-Button und klicke auf das Symbol für Link . Wähle die Option Lightbox und wähle deine Lightbox aus dem Aufklappmenü aus. Klicke dann auf OK
  1. Du kannst eine Vorschau deiner Website anzeigen, um dein Lightbox-Menü in Aktion zu sehen!
  2. Öffne deinen Mobile-Editor.
  3. Klicke auf den Menü-Button, der mit deiner Lightbox verlinkt ist, und klicke auf das Symbol für Ausblenden .
Wichtig:
Achte darauf, dass dein Lightbox-Menü über Buttons oder Links auf deiner mobilen Website nicht zugänglich ist. Du solltest das normale Mobile-Menü verwenden, das ebenfalls über eine Seitenleisten-Voreinstellung verfügt.

War das hilfreich?

|