Studio Editor: Ein Abschnittsraster anpassen
8 Min. Lesezeit
Im Studio Editor können Abschnitte über ein integriertes Raster verfügen, das eine einzelne Zelle enthält (in der der gesamte Abschnitt untergebracht ist). Teile den Abschnitt in weitere Zellen auf, um dem Inhalt eine responsive Struktur zu verleihen. Es stehen verschiedene anpassbare Layouts zur Auswahl.
Öffne unsere Wix Studio Academy, um zusätzliche Webinare, Anleitungen und Kurse von Wix Studio anzusehen.
In diesem Artikel erfährst du mehr über folgende Themen:
Einem Abschnitt Zellen hinzufügen
Füge Zellen zu einem Abschnitt hinzu, um ein responsives, strukturiertes Layout zu erstellen Durch die Unterbringung der Elemente in separaten Zellen wird sichergestellt, dass sie auf allen Bildschirmen an ihrem Platz bleiben. Wähle ein Layout und verschiebe die Elemente in die Zellen. Du kannst die Zellen jederzeit teilen oder später neue hinzufügen.
Möchtest du einem Container Zellen hinzufügen?
Um Zellen zu einem Abschnitt hinzuzufügen:
- Wähle den entsprechenden Abschnitt aus.
- Klicke oben im Abschnitt auf das Aufklappmenü Leer.
- Wähle ein Layout: Zeilen, Spalten, Collage, usw.
Tipp: Du kannst das Layout jederzeit über das Aufklappmenü ändern. Deine Elemente werden dabei nicht verschoben. - Ziehe Elemente in die entsprechenden Zellen.
Überlagern sich deine Rasterzellen auf Mobilgeräten?
Wir empfehlen, zu einem vertikalen Layout (z. B. Zeilen) zu wechseln, um dieses Problem zu beheben.
Das Abschnittsraster anpassen
Gestalte das Gitter so, wie du es möchtest. Du kannst vorhandene Zellen teilen oder zusammenführen, neue hinzufügen und die Rasterlinien ziehen, um ihre Größe anzupassen. Du kannst auch Gaps hinzufügen, um etwas Abstand zwischen den Zellen zu schaffen.
Um das Abschnittsraster anzupassen:
- Wähle den entsprechenden Abschnitt aus.
- Wähle, wie du das Raster anpassen möchtest:
Die Größe des Rasters ändern
oder horizontal 
angleichen, um die Zeilen oder Spalten gleich groß zu machen.
Weitere Zellen zum Raster hinzufügen
Eine Zelle teilen
oder Vertikal teilen 
.
Zellen zusammenführen
Gaps zwischen den Zellen hinzufügen
Eine Zelle löschen
.
Hinweis:
Zurzeit ist es nicht möglich, Zellen zu duplizieren.
Zellen im Raster tauschen und spiegeln
Organisiere das Abschnittsraster schnell und effizient neu, indem du die Zellen tauschst. Per Drag-and-Drop kannst du sofort zwischen 2 Zellen wechseln — sie nehmen sofort gegenseitig ihren Platz im Raster ein.
Alternativ kannst du das gesamte Raster horizontal oder vertikal spiegeln, um verschiedene Optionen zur Präsentation des Inhalts deines Kunden zu sehen.
Um Zellen zu tauschen:
- Wähle den entsprechenden Abschnitt aus.
- Wähle aus, was du als Nächstes tun möchtest:
2 Zellen tauschen
am oberen Rand der Zelle, während du sie auf die andere Zelle ziehst. Tipp: Wenn du den Hinweis Content tauschen siehst, kannst du die Zelle loslassen.
Das Raster spiegeln
Zu einem erweiterten CSS Grid wechseln
Wenn du zu einem erweiterte CSS Grid wechselst, hast du eine genauere Kontrolle über das Layout pro Breakpoint. Du kannst die Anzahl der Zeilen und Spalten auswählen, die du möchtest, und ihre Größe mithilfe von responsiven Maßeinheiten festlegen (z. B. fr, Min./Max., %).
Um vom Abschnittsraster zu einem CSS Grid zu wechseln:
- Wähle den entsprechenden Abschnitt aus.
- Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen
.
- Scrolle nach unten zu Layout.
- Klicke neben Erweitertes CSS Grid auf Wechseln.
- Klicke auf Zu CSS Grid wechseln.
Hast du es mit überlappenden Elementen zu tun?
Sieh dir unseres Video zur Fehlerbehebung an, um zu erfahren, was du überprüfen kannst und wie du das Problem beheben kannst.
War das hilfreich?
|