Überblick über den Editor

Die obere Navigationsleiste im Editor enthält hilfreiche Verknüpfungen für verschiedene Aktionen auf der Website.

Die obere Navigationsleiste ermöglicht Ihnen:

Das Seitenpanel dient als umfassendes Toolkit für die Verwaltung verschiedener Aspekte des Designs und der Funktionalität Ihrer Website.

Im Seitenbereich sind die folgenden Standardoptionen verfügbar:

Im Inhaltsbereich/Canvas können Sie unsere Funktionen verschieben oder hinzufügen oder sie durch Anklicken und Bearbeiten ändern. Im Inhaltsbereich können Sie Bilder und Text ändern, Schaltflächen bearbeiten und löschen und vieles mehr.

Das Design-Panel bietet eine Reihe von Designeinstellungen für ausgewählte Elemente, die eine präzise Anpassung ermöglichen. Ganz gleich, ob Sie die Ausrichtung des Layoutinhalts, die Abstände zwischen Elementen, die Animation und den Hintergrund anpassen, das Design-Panel bietet eine umfassende Reihe von Tools, mit denen Sie die visuelle Attraktivität Ihrer Website verbessern können. Zu den Designoptionen gehören Layoutanpassungen, Größenkonfigurationen, Ausrichtungseinstellungen und mehr, die auf das ausgewählte Element zugeschnitten sind

Weitere Informationen zum Design-Panel und seinen Abschnitten finden Sie unter Design-Panel.

Zeilen sind die horizontalen Abschnitte Ihrer Website. Wenn du Widgets und Spalten zu deiner Website hinzufügst, werden sie innerhalb dieser Zeilen platziert. Um zu ändern, wie Inhalte in der mobilen Ansicht angezeigt werden, klicken Sie im Zeileneditor auf die Option „Umgekehrte Spaltenreihenfolge“

Sie können Ihrer Site Zeilen hinzufügen, indem Sie Widgets auf die Site ziehen. Wenn Sie ein Widget zwischen Zeilen oder in einen Bereich ziehen, an dem Sie eine Zeile hinzufügen möchten, wird beim Ablegen des Widgets eine neue Zeile erstellt

Um eine Zeile zu löschen, klicken Sie mit der rechten Maustaste auf eine beliebige Stelle in der Zeile, um das Kontextmenü zu öffnen, und klicken Sie dann aufLöschen. Klicken Sie alternativ aufZeileklicken Sie in der oberen linken Ecke der Zeile und klicken SieLöschen.

Ausführliche Informationen zum Bearbeiten und Anordnen von Zeilen finden Sie unterZeilen-Editor.

Jede Zeile enthält mindestens eine Spalte. Die Spalten enthalten alle Widgets auf Ihrer Website und steuern deren Anordnung. Immer wenn du eine neue Spalte hinzufügst, erscheint sie neben der vorhandenen Spalte in dieser Zeile.

Während bei Desktop- und Tablet-Ansichten jede Zeile bis zu vier Spalten enthalten kann, können mobile Websites nur maximal zwei Spalten hintereinander anzeigen. Spalten, die in Desktop- oder Tablet-Ansichten hinzugefügt werden, nehmen die gesamte Breite der Seite an, wenn zur mobilen Ansicht gewechselt wird. Um in der mobilen Ansicht eine Zeile mit zwei Spalten zu erstellen, wechseln Sie zuerst zur mobilen Ansicht und fügen Sie dann ein zweispaltiges Widget

Um eine Spalte zu löschen, klicken Sie mit der rechten Maustaste auf eine beliebige Stelle in der Spalte, um das Kontextmenü zu öffnen, und klicken Sie dann aufLöschen. Klicken Sie alternativ auf das roteXin der oberen rechten Ecke der Spalte.

Sie können das Widget direkt in Spalten platzieren oder die Spalte weiter strukturieren, indem Sie innere Zeilen hinzufügen.

Hintergrundbild-Slider können verwendet werden, um Hintergrundbilder für Zeilen oder Spalten festzulegen.

Nachdem Sie mehrere Bilder in der Bildauswahl ausgewählt haben, klicken Sie aufFertig. Sobald der Schieberegler erstellt ist, wählen Sie einen Folienübergang aus dem Dropdownmenü aus und bewegen Sie den Schieberegler, um eine Foliengeschwindigkeit (Sekunden) auszuwählen.

Alle anderen Hintergrundbildoptionen wie Hintergrundüberlagerung, Positionierung und Anzeigestil können auf den Slider angewendet werden.

Innere Zeilen bieten zusätzliche Gestaltungsflexibilität, da Sie Zeilen innerhalb von Spalten hinzufügen können. Mithilfe der inneren Zeilen können Sie das Spaltenlayout variieren und das allgemeine Design der Zeile beibehalten (z. B. Hintergrund, Abstand, Anschnitt)

Genau wie normale Zeilen können innere Zeilen ihren eigenen Hintergrund und Abstände haben, in bis zu vier Spalten aufgeteilt werden und ihre Spaltenreihenfolge auf Mobilgeräten ändern. Spalten in inneren Zeilen können mit jedem Widget gefüllt werden, innere Zeilen können solchen Spalten jedoch nicht hinzugefügt werden.

Gehen Sie wie folgt vor, um einer Spalte eine innere Zeile hinzuzufügen:

Beispiel für eine innere Reihe

Um ein Beispiel für die Verwendung der inneren Zeile zu geben, schauen wir uns zwei Möglichkeiten an, wie ein Layout entworfen werden kann, das einen Titel und 3 Schaltflächen enthält:

Beispiel 1: Fügen Sie zwei Zeilen hinzu. Platzieren Sie den Titel in Zeile 1 mit 1 Spalte. Teilen Sie Zeile 2 in 3 Spalten auf. Platzieren Sie eine Schaltfläche in jeder Spalte. Beachten Sie, dass zwei separate Zeilen nicht dasselbe Hintergrundbild haben können und Sie Abstand und Anschnittstil für jede Zeile separat festlegen müssen

Beispiel 2: Fügen Sie eine Zeile hinzu. Standardmäßig enthält jede Zeile eine Spalte. Fügen Sie der Spalte 2 innere Zeilen hinzu. Platzieren Sie den Titel in der inneren Zeile 1. Teilen Sie die innere Zeile 2 in 3 Spalten auf. Platziere eine Schaltfläche in jeder Spalte. Diese beiden inneren Reihen teilen sich den Hintergrund, die Abstände und den Anschnitt der Hauptreihe.

Einige wichtige Überlegungen, wenn es um die Bearbeitung innerer Zeilen geht:

• Sie können nur die Pfeile zum Umschalten der Reihenfolge verwenden, um die Reihenfolge zwischen den inneren Zeilen zu ändern. Um die Reihenfolge der Widgets und der inneren Zeilen zu ändern, müssen Sie die Widgets manuell über oder unter die innere Reihe ziehen und dort ablegen.

• Widgets mit 2 Spalten, 3 Spalten und 4 Spalten können nicht in inneren Zeilen platziert werden. Um eine Spalte hinzuzufügen, klicken Sie mit der rechten Maustaste auf die Zeile und klicken Sie auf Spalte hinzufügen.

• Im Gegensatz zu regulären Zeilen können innere Zeilen nicht kopiert und eingefügt werden.

Abschnitte sind vorgefertigte Reihen von Elementen, die Benutzer zu ihren responsiven Websites hinzufügen können. Abschnitte ermöglichen es Benutzern, schnell gut aussehende Websites zu erstellen, indem sie während des Designprozesses Zeit sparen. Die Infrastruktur wurde gebaut, um eine bessere Benutzererfahrung mit einer Vielzahl vorgefertigter Abschnitte

Beim Ausrichten von Widgets innerhalb derselben Spalte versucht der Website-BuilderZum Ausrichten einrastensie müssen exakt die gleiche Größe haben. Wenn Sie die Größe ändern, springt der Builder nach vorne oder hinten, um die Position zu fixieren. Dies sollte es einfacher machen, Widgets exakt auf die gleiche Größe zu bringen

Es gibt auch eine Snap to Grid-Funktion. Snap to Grid Mit dieser Funktion können Sie Widgets mit professioneller Präzision auf den Seiten Ihrer Website platzieren. Mit diesem System können Sie Widgets horizontal und vertikal innerhalb von Spalten und Zeilen ausrichten. Lineale werden angezeigt, wenn ein Element in seiner Zeile oder Spalte verschoben wird oder wenn die Größe des Widgets geändert wird. Die ausgerichteten Elemente sind mit einem farbigen Rand markiert. Ein Widget kann je nach Anwendungsfall an mehr als einem anderen Widget ausgerichtet werden.

Die Ausrichtung wird in den Ansichten der drei verschiedenen Geräte (Desktop, Tablet, Handy) unterstützt.

Weitere Informationen zur Konfiguration von Kopf- und Fußzeilen finden Sie unter: