Wix Editor: Tabs für deine Mobile-Website bearbeiten und anpassen
11 min
Tabs sind eine erweiterte Möglichkeit, deine Inhalte zu organisieren und zu kategorisieren. Tabs, die du auf dem Desktop hinzufügst, werden automatisch auf deiner mobilen Website angezeigt und du kannst sie nach Bedarf an kleinere Bildschirme anpassen.
Hinweis:
Tabs sind Desktop-Elemente, was bedeutet, dass du keine Tabs nur für Mobilgeräte hinzufügen kannst.
Tabs auf deiner mobilen Website ausblenden
Wenn du Tabs auf deiner mobilen Website nicht anzeigen möchtest, kannst du sie ganz einfach ausblenden. Nachdem du ein Tab-Element ausgeblendet hast, kannst du vom Panel Ausgeblendet auf Mobile aus darauf zugreifen und es erneut anzeigen.
Tabs auf deiner mobilen Website ausblenden:
- Klicke in deinem Mobile-Editor auf das Tab-Element.
- Klicke auf das Symbol für Element ausblenden.
.
Das Layout der Tabs auf Mobile anpassen
Bearbeite das Layout der Tabs auf deiner mobilen Website, sodass sie für kleinere Bildschirme geeignet sind. Du kannst den Abstand und die Richtung ändern, um deine Tabs zu strukturieren, und auswählen, wie Besucher auf Mobile die Tabs angezeigt werden, die nicht ins Hauptmenü passen.
Das Layout der Tabs auf deiner mobilen Website anpassen:
- Klicke in deinem Mobile-Editor auf das Tab-Element.
- Klicke auf das Symbol für Layout .
- Wähle, wie du das Layout deines Tabs anpassen möchtest:
- Tab-Verteilung: Wähle aus, wie stark das Tab-Menü gestreckt werden soll:
- Justiert: Das Menü passt nicht zur Breite der Box. Du kannst dann wählen, ob die Menüelemente links, mittig oder rechts vom Rahmen ausgerichtet werden sollen.
- Gestreckt: Das Menü passt sich der Breite der gesamten Box an. Du kannst den Inhalt des Menüs links, mittig oder rechts vom Rahmen ausrichten.
- Textausrichtung: Wähle eine Option, um festzulegen, ob der Text links, zentriert oder rechts ausgerichtet ist.
- Abstand zwischen Tabs: Vergrößere oder verkleinere den Abstand zwischen den Tab-Elementen.
- Abstand zwischen Tabs und Container: Vergrößere oder verkleinere den Abstand zwischen dem Menü und den Contentboxen.
- Horizontaler Abstand: Passe den Abstand links und rechts von den Menüelementen an.
- Vertikaler Abstand: Passe den Abstand oben und unten von den Elementen an.
- Überlaufende Tabs: Wähle aus, wie Elemente angezeigt werden sollen, die nicht in das obere Menü passen:
- Scrollen: Besucher können durch das Menü scrollen, um alle Elemente zu sehen.
- Umbruch: Eine weitere Zeile wird hinzugefügt, damit sie auf alle Elemente passt. Du kannst dann den Slider verwenden, um den Abstand zwischen den Zeilen zu vergrößern oder zu verkleinern.
- Tab-Richtung: Zeige Elemente im oberen Menü von links nach rechts an oder umgekehrt.
- Tab-Verteilung: Wähle aus, wie stark das Tab-Menü gestreckt werden soll:
.
Das Design von Tabs auf Mobilgeräten anpassen
Ändere das Design des Tab-Elements, damit es zum Aussehen deiner Mobile-Website passt. Die Änderungen, die du vornimmst, wirken sich nicht auf die Desktop-Website aus. Du kannst also Optionen wie Text und Füllfarbe ändern, um ein maßgeschneidertes Erlebnis für deine mobilen Besucher zu schaffen.
Das Design von Tabs bearbeiten:
- Klicke in deinem Mobile-Editor auf das Tab-Element.
- Klicke auf das Symbol für Design .
- Wähle unter Was möchtest du gestalten? eine Option aus und passe sie mit den verfügbaren Optionen an.
.Tab-Container
: Wähle einen Menühintergrund, der zu deiner Seite passt, und passe die Sichtbarkeit an. Du kannst mehrere Ebenen hinzufügen und jede einzeln gestalten, um einzigartige, auffällige Hintergründe zu erstellen.
: Füge Ränder zum Menühintergrund hinzu, um einen Kontrast zu deiner Website-Seite zu schaffen. Wähle ein Design und eine Farbe und stelle die Breite so ein, wie du es benötigst.
: Wähle aus, wie die Ecken deines Menüs aussehen sollen. Du kannst jede Ecke anders anpassen und sie runder oder eckiger gestalten.
: Füge für einen tollen 3D-Effekt deinem Menühintergrund Schatten hinzu. Du kannst Größe, Sichtbarkeit, Winkel und vieles mehr festlegen, um eine bessere Wirkung zu erzielen.
: Passe den Abstand um dein Tab-Menü herum an, um es zu vergrößern oder zu verkleinern. Du kannst das Symbol für Schloss 
aktivieren oder deaktivieren, um jede Seite separat anzupassen oder die Seiten einander anzugleichen.
Tabs
: Passe den Elementtext mit Einstellungen wie Schriftart, -größe und Abstand an. Du kannst auch Formatierungen wie Fett und Kursiv hinzufügen und die Farbe auswählen.
Scroll-Button
: Gestalte das Symbol des Scroll-Buttons so, dass es im Tab-Menü hervorsticht und Besucher dazu anregt, sich anzusehen, welche anderen Inhalte deine Website zu bieten hat.
Container
