Editor-Übersicht

Die obere Navigationsleiste enthält hilfreiche Tastenkombinationen für verschiedene Website-Aktionen.

In der oberen Navigationsleiste können Sie:

Das Seitenfeld dient als umfassendes Toolkit zur Verwaltung verschiedener Aspekte des Designs und der Funktionalität Ihrer Website. Sie können umfassende, umfassende Änderungen am Design und an der Funktionalität Ihrer Website vornehmen. Mit diesen Tabs können Sie das Erscheinungsbild Ihrer Website anpassen, neue Funktionen und widgethinzufügen, Seiteneinstellungen konfigurieren, Inhalte verwalten, Produkte online verkaufen, Blog-Beiträge veröffentlichen, Apps installieren und Ihre Website für Suchmaschine optimieren.

Wenn Sie sich im klassischen Editor im Flex-Modus oder im Editor 2.0 befinden, haben Sie Zugriff auf das Ebenenbedienfeld. Das Bedienfeld "Ebenen" bietet eine hierarchische Ansicht der Elemente Ihrer Website-Seite, sodass Sie einfach navigieren und komplexe Strukturen verwalten können. Hier können Sie die Anordnung von widget, Spalten und Abschnitten schnell identifizieren und so das Suchen und Anpassen bestimmter Elemente vereinfachen. Im Ebenenbedienfeld können Sie verschiedene Aktionen ausführen, z. B. das Hinzufügen neuer Elemente, das Auswählen von Elementen, das Neuanordnen von Elementen, das Umbenennen von Elementen und das Umschalten der Elementsichtbarkeit auf bestimmte Haltepunkte.

Im Folgenden sind die Optionen aufgeführt, die in der Seitenleiste verfügbar sind:

Der Inhaltsbereich / die Leinwand ist der Ort, an den Sie unsere Funktionen verschieben oder hinzufügen oder auf klicken und bearbeiten können, um sie zu ändern. Im Inhaltsbereich können Sie Bilder und Text ändern, die Schaltfläche 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 Layouts, den Abstand zwischen den Elementen, die Animation und den Hintergrund optimieren, das Design-Panel bietet eine umfassende Reihe von Werkzeugen, um die visuelle Attraktivität Ihrer Website zu verbessern. Zu den Designoptionen gehören Layoutanpassungen, Größenkonfigurationen, Ausrichtungseinstellungen und mehr, die auf das ausgewählte Element zugeschnitten sind.

Wenn Sie nach der Auswahl eines Elements Einstellungen wie Abstand und Rand anpassen, bezieht sich der Abstand auf den inneren Raum zwischen dem Inhalt und dem Rahmen einer Box, während der Rand den äußeren Raum um die Box herum definiert. Dies bedeutet, dass sich Abstandsanpassungen auf die Größe des Elements auswirken und bestimmen können, wie viel von einer Hintergrundfarbe oder einem Hintergrundbild innerhalb des Felds sichtbar ist. Das Anpassen der Ränder bestimmt, wie das Element mit angrenzenden Elementen oder den Rändern des Bildschirms interagiert, und definiert seine Positionierung relativ zu anderen Elementen auf der Seite - ähnlich wie bei unsichtbaren Barrieren.

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

Zeilen sind die horizontalen Abschnitte Ihrer Website. Wenn Sie widget und Spalten zu Ihrer Website hinzufügen, werden diese innerhalb dieser Zeilen platziert. Um die Anzeige von Inhalten in der mobilen Ansicht zu ändern, klicken Sie im Zeilen-Editor auf den umgekehrten Schalter Reihenfolge in der Spalte.

Sie können Zeilen zu Ihrer Website hinzufügen, indem Sie widget in die Website ziehen. Wenn Sie eine widget zwischen Zeilen oder in einen Bereich ziehen, in dem Sie eine Zeile hinzufügen möchten, wird eine neue Zeile erstellt, wenn Sie die widgetablegen.

Um eine Zeile zu löschen, klicken Sie mit der rechten Maustaste auf eine beliebige Stelle in den Zeilen, um das Kontextmenü zu öffnen, und klicken Sie dann auf Löschen. Alternativ können Sie auf die Schaltfläche Zeilen in der oberen linken Ecke der Zeilen klicken und dann auf Löschen klicken.

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

Jede Zeile enthält mindestens eine Spalte. Spalten enthalten alle widget auf Ihrer Website und steuern deren Anordnung. Wenn Sie eine neue Spalte hinzufügen, wird sie neben der vorhandenen Spalte in diesen Zeilen angezeigt.

Während bei Desktop- und Tabletansichten jede Zeile bis zu vier Spalten enthalten kann, können auf Mobilgeräten höchstens zwei Spalten in den Zeilen der Websites angezeigt werden. Die in Desktop- und Tabletansichten hinzugefügten Spalten werden beim Wechsel in die mobile Ansicht über die volle Breite der Seite angezeigt. Um eine Zeile mit zwei Spalten in der mobilen Ansicht zu erstellen, wechseln Sie zuerst in die mobile Ansicht und fügen Sie dann ein „Zwei-Spalten“-Element hinzu.

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 auf Löschen. Alternativ können Sie auch auf das rote X in der oberen rechten Ecke der Spalte klicken.

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

Hintergrundbild Schieberegler kann verwendet werden, um Hintergrundbild für Zeilen oder Spalten zu setzen.

Nachdem Sie mehrere Bilder in der Bildauswahl ausgewählt haben, klicken Sie auf Fertig. Sobald der Schieberegler erstellt wurde, wählen Sie einen Folienübergang aus dem Dropdown-Menü aus und verschieben Sie den Schieberegler, um eine Schiebegeschwindigkeit (Sekunden) auszuwählen.

Sämtliche Optionen für Hintergrundbilder wie Hintergrundüberlagerung, Positionierung und Anzeigestil können auch auf die Diashow angewendet werden.

Innere Zeilen ermöglichen zusätzliche Designflexibilität, da Sie Zeilen innerhalb von Spalten hinzufügen können. Mithilfe der inneren Zeilen können Sie das Spalten-Layout variieren und das allgemeine Design der Zeile beibehalten (z. B. Hintergrund, Abstände, Beschnitt usw.).

Genau wie normale Zeilen können innere Zeilen einen eigenen Hintergrund und Abstände haben, in bis zu vier Spalten aufgeteilt werden und ihre Spalte Reihenfolge auf dem Handy ändern. Spalten in inneren Zeilen können von einem beliebigen widgetgefüllt werden, innere Zeilen können jedoch nicht zu solchen Spalten hinzugefügt werden.

Um einer Spalte eine innere Zeile hinzuzufügen, können Sie eine der folgenden Methoden anwenden:

Beispiel für Inner Zeilen

Um ein Beispiel für die Verwendung der inneren Zeile zu geben, lassen Sie uns zwei Möglichkeiten betrachten, wie ein Layout gestaltet 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 Zeilen 2 in 3 Spalten auf. Platzieren Sie in jeder Spalte eine Schaltfläche. Beachten Sie, dass zwei separate Zeilen nicht das gleiche Hintergrundbild haben können und Sie Abstände und Beschnittstil für jede Zeile separat einstellen 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 den inneren Zeilen 1. Teilen Sie die inneren Zeilen 2 in 3 Spalten auf. Platzieren Sie in jeder Spalte eine Schaltfläche. Diese beiden inneren Zeilen teilen sich den Hauptzeilen-Hintergrund, Abstände und Beschnitt.

Einige wichtige Überlegungen, was die Bearbeitung innerer Zeilen betrifft:

• Sie können die Pfeile zum Wechseln der Reihenfolge nur verwenden, um die Reihenfolge zwischen den inneren Zeilen zu ändern. Um die Reihenfolge der Widgets und inneren Zeilen zu ändern, müssen Sie die Widgets manuell per Drag & Drop über oder unter der inneren Zeile ablegen.

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

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

Sektionen sind vorgefertigte Zeilen von Elementen, die Benutzer zu ihrer responsiven Website hinzufügen können. Abschnitte ermöglichen es Benutzern, schnell eine gut aussehende Website zu erstellen, indem sie während des Designprozesses Zeit sparen. Die Infrastruktur wurde in Bestellung aufgebaut, um mit einer Vielzahl von vorgefertigten Abschnitten eine bessere Benutzererfahrung zu bieten.

Wenn Sie widget innerhalb derselben Spalte ausrichten, versucht das Website Builder , sie so auszurichten, dass sie genau die gleiche Größe haben. Wenn Sie die Größe ändern, springt der Builder nach vorne oder hinten, um an der Position einzurasten. Dies sollte es einfacher machen, widget genau der gleichen Größe herzustellen.

Es gibt auch eine Funktion zum Ausrichten am Raster. Die Snap-to-Grid-Funktion hilft dabei, widget mit professioneller Präzision auf den Seiten Ihrer Website zu platzieren. Dieses System ermöglicht es Ihnen, widget horizontal und vertikal innerhalb von Spalten und Zeilen auszurichten. Lineale werden angezeigt, wenn ein Element in seinen Zeilen oder Spalten verschoben wird oder wenn die Größe der widgetgeändert wird. Die ausgerichteten Elemente sind mit einem farbigen Rand gekennzeichnet. Ein widget kann je nach Anwendungsfall mit mehr als einem anderen widgetabgestimmt werden.

Die Ausrichtung wird auf allen drei Gerätetypen unterstützt (Desktop, Tablet, Mobilgerät).

Weitere Informationen zum Konfigurieren von Kopf- und Fußzeilen finden Sie unter: