Wie kann ich eine Area erstellen und bearbeiten?

Um mit dem Aufbau Ihrer Website zu starten, ist es erforderlich, Areas zu erstellen. Eine Area ist ein Abschnitt Ihrer Website, der Elemente wie Text, Bilder und andere Inhalte enthalten kann. Wenn Sie bereits Widgets erstellt haben, können diese als Areas hinzugefügt werden. Die Anordnung der Areas kann jederzeit bearbeitet werden, um die gewünschte Struktur Ihrer Website zu erreichen. Wie Sie Areas erstellen und bearbeiten erfahren Sie in dieser Anleitung.

1. Klicken Sie in der Navigationsleiste auf Application
2. Wählen Sie die Application aus, um auf die Übersichtsseite zu gelangen
3. Suchen Sie im linken Bereich den Abschnitt Seiten
4. Wählen Sie eine Seite aus indem Sie den Namen auswählen oder im Dreipunkte Menü auf Bearbeiten klicken, um die Seite zu öffnen
5. Im rechten Bereich der Seite finden Sie den Application Builder

Area hinzufügen

1. Klicken Sie unter dem Punkt Create and edit Page Areas die Option + Add Area
2. Wählen Sie aus, ob Sie eine statische (STATIC) oder dynamische (DYNAMIC) Area erstellen wollen. Haben Sie bereits Widgets erstellt, können Sie diese ebenfalls auswählen
3. Ihre hinzugefügte Area wird an unterster Stelle im Application Builder angezeigt

Area bearbeiten

1. Klicken Sie auf die eine Area
2. Überprüfen Sie, ob das Zahnrad-Symbol oben rechts rot markiert ist. Wenn nicht, klicken Sie einmal darauf, um zu den Area-Einstellungen zu gelangen
3. Sie können Ihre Area im Feld Name umbenennen
4. Sie müssen keine Datenquelle (Data Source) angeben, wenn Sie die selbe Datenquelle verwenden möchten die in der Seite hinterlegt ist. Möchten Sie eine andere Datenquelle verwenden, können Sie hier eine andere Datenquelle hinterlegen, um auf andere Elemente zuzugreifen.
5. Sie können einen Areastyle anwenden

Elemente zu einer Area hinzufügen

Sie können Elemente zu Ihrer Area hinzufügen und mit den Elementen vom Datenobjekt verknüpfen. Voraussetzung: Verknüpfung des Datenobjekts mit der Seite oder Area

1. Klicken Sie auf eine Area
2. Klicken Sie auf der linken Seite des Application Builder auf + Element 
3. Wählen Sie eine Componente aus, indem Sie auf diese klicken
4. Das Element erscheint auf der linken Seite 

Anordnung der Areas anpassen

1. Gehen Sie zurück zur Übersicht Ihrer Areas
2. Klicken Sie mir dem Mauszeiger auf das Drag&Drop Symbol und halten Sie gedrückt
3. Schieben Sie die Area nach oben oder unten um die neue Position auszuwählen
4. Haben Sie die neue Position erreicht können Sie die Maustaste loslassen

Layer anlegen

Sie können mit Areas auch Layer erstellen: Wenn Sie einen Layer anlegen, werden alle Areas, die als Layer gekennzeichnet sind, auf derselben Höhe übereinander gelegt, sodass sie sich optisch überlappen oder miteinander kombiniert werden können. Mit Layern können Sie beispielsweise eine Hintergrund-Area anlegen und eine weitere Area mit Inhalten darüber legen

1. Gehen Sie zurück zur Übersicht Ihrer Areas
2. Hovern Sie mir dem Mauszeiger auf der unteren Kante der Area im Application Builder, bis ein Pfeil und der Text Select as a layer erscheint
3. Klicken Sie, um die Area als Layer auszuwählen

Layer entfernen

1. Gehen Sie zurück zur Übersicht Ihrer Areas
2. Hovern Sie mir dem Mauszeiger auf der unteren Kante des Layers im Application Builder, bis ein durchgestrichener Pfeil und der Text Cancel layering erscheint
3. Klicken Sie, um die Layer Eigenschaft der Area zu entfernen

Area löschen

1. Klicken Sie auf die hinzugefügte Area
2. Überprüfen Sie, ob das Zahnrad-Symbol oben rechts rot markiert ist. Wenn nicht, klicken Sie einmal darauf, um zu den Area-Einstellungen zu gelangen
3. Klicken Sie unten rechts auf Delete
4. Achten Sie vor der Bestätigung darauf, ob Sie die richtige Area löschen. Wollen Sie die Area löschen, müssen Sie den Schieberegler DELETE von links nach rechts ziehen. Der Löschvorgang kann oben rechts mit dem X CANCEL abgebrochen werden

Das könnte Sie auch Interessieren