Studio Editor: Abschnitte hinzufügen und verwalten
6 Min. Lesezeit
Abschnitte sind die Bausteine einer jeden Seite. Verwende sie, um verwandte Inhalte zusammenzuhalten und die Seite geordnet, professionell und strukturiert aussehen zu lassen.
Füge jeder Seite so viele Abschnitte hinzu, wie du möchtest. Du kannst zwischen leeren Abschnitten, Wireframes oder vorgefertigten Abschnitten wählen, die vollständig anpassbar sind. Die Abschnitte erstrecken sich über die Breite des Browsers und du kannst die Höhe nach Belieben einstellen.
In diesem Artikel erfährst du mehr über folgende Themen:
Globale Abschnitte erstellen:
Zeige den gleichen Abschnitt auf mehreren Seiten an, indem du ihn als globalen festlegst erstellst.
Wireframes und vorgefertigte Abschnitte hinzufügen
Wir haben eine Vielzahl vorgefertigter und vollständig responsiver Abschnitte, die deinen Erstellungsprozess beschleunigen. Wähle einfach den gewünschten Abschnitt aus und passe ihn an den Stil deines Kunden an. Wenn du hauptsächlich Hilfe beim Layout und nicht so sehr beim Design benötigst, wähle stattdessen einen unserer leeren Wireframes aus.
Um ein Wireframe oder einen vorgefertigten Abschnitt hinzuzufügen:
- Klicke auf der linken Seite des Editors auf Elemente hinzufügen
. - Klicke auf Abschnitte /Wireframes.
- Klicke auf eine Kategorie, um die verfügbaren Designs anzuzeigen.
- Ziehe einen Abschnitt auf die Seite.
- Passe den Abschnitt an deine Bedürfnisse an:
- Klicke auf die Elemente, um deren Inhalt anzupassen.
- Ändere den Hintergrund.
- Ersetze Bilder und Text durch eigene.
Einen leeren Abschnitt hinzufügen
Du kannst schnell leere Abschnitte zu deiner Seite hinzufügen, während du auf der Arbeitsfläche arbeitest. Fahre mit der Maus über den oberen oder unteren Rand eines Abschnitts und klicke auf + Abschnitt hinzufügen. Du kannst dann entscheiden, ob du ihn von Grund auf neu gestalten, ein Rasterlayout oder ein vorgefertigtes Design verwenden möchtest.
Um einen leeren Abschnitt hinzuzufügen:
- Gehe zur entsprechenden Seite.
- Fahre mit der Maus über den oberen oder unteren Rand des entsprechenden Abschnitts und klicke auf + Abschnitt hinzufügen.
- Wähle, wie du mit dem Gestalten beginnen möchtest:
- Gestalter Abschnitt: Wähle einen vorgefertigten Abschnitt und passe ihn an die Bedürfnisse deines Kunden an.
- Rasterlayout: Wähle ein Layout mit mehreren Zellen, um deine Inhalte zu organisieren.
- Element hinzufügen: Füge zunächst Elemente zu dem leeren Abschnitt hinzu.
Speichere dein Design zur späteren Verwendung:
Wähle den Abschnitt im Editor aus und klicke auf das Symbol für Weitere Aktionen 
. Klicke dann auf Als Asset speichern. Dadurch wird dein Design gespeichert und ist im „Elemente hinzufügen“-Panel im Tab „Assets“ verfügbar.
. Klicke dann auf Als Asset speichern. Dadurch wird dein Design gespeichert und ist im „Elemente hinzufügen“-Panel im Tab „Assets“ verfügbar.Einen Abschnitt mithilfe von Zellen organisieren
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.
Um ein Raster auf einen Abschnitt anzuwenden:
- Wähle den entsprechenden Abschnitt im Editor 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.
- (Optional) Füge dem Abschnitt weitere Zellen hinzu oder teile vorhandene Zellen:
Eine vorhandene Zelle teilen
oder Vertikal teilen 
.
Eine neue Zelle hinzufügen
.
Die Seitenabschnitte neu anordnen
Während du eine Website erstellst, kannst du entscheiden, ob die Struktur und Anordnung des Inhalts leicht unterschiedlich sein soll. Hier sind Abschnitte besonders praktisch, denn du kannst Inhalte sehr schnell verschieben, wann immer du möchtest.
Um Seitenabschnitte neu anzuordnen:
- Wähle den entsprechenden Abschnitt im Editor aus.
- Klicke auf dem Abschnitt auf das Symbol für Weitere Aktionen .
- Klicke auf Nach oben verschieben oder Nach unten verschieben.
Einen Abschnitt löschen
Du kannst einen Abschnitt jederzeit löschen. Dadurch wird der Abschnitt von der Seite an allen Breakpoints gelöscht.
Hinweis:
Es ist nicht möglich, Abschnitte zu löschen, die Apps wie Wix Stores, Veranstaltungen, Blog usw. enthalten.
Um einen Abschnitt zu löschen:
- Wähle den entsprechenden Abschnitt im Editor aus.
- Klicke auf dem Abschnitt auf das Symbol für Weitere Aktionen .
- Klicke auf Löschen.
Möchtest du den Abschnitt stattdessen ausblenden?
Klicke auf Nicht anzeigen, um den Abschnitt aus dem aktuellen Breakpoint, an dem du arbeitest, auszublenden. Du findest den ausgeblendeten Abschnitt im Ebenen-Panel, wo du ihn auch wieder einblenden kannst.
War das hilfreich?
|