DudaFlex-Abschnitte sind Zeilen mit zwei Standard-Flex-Spalten, die ein grundlegendes Layout erstellen. Nachdem Sie einen Abschnitt hinzugefügt haben, können Sie zusätzliche Spalten, Flexboxen oder erweiterte Raster hinzufügen, entfernen oder neu anordnen, um Ihr gewünschtes Layout zu erstellen. Anschließend können Sie diesem Layout Widgets hinzufügen.
Dieser Artikel ist nur für Benutzer relevant, die nach dem 18. Juli 2022 mit der Nutzung von DudaFlex begonnen haben. Wenn Sie DudaFlex Version 1.0 verwenden, lesen Sie DudaFlex-Abschnitte hinzufügen und bearbeiten (1.0).
Abschnitt hinzufügen
So fügen Sie einen Abschnitt hinzu:
Bewegen Sie den Mauszeiger zwischen den Zeilen und klicken Sie auf + Abschnitt hinzufügen. Oder klicken Sie mit der rechten Maustaste, um das Kontextmenü zu öffnen. Klicken Sie dann auf Hinzufügen und wählen Sie anschließend Flex-Abschnitt aus.
Klicken Sie in der Seitenleiste auf Flex-Abschnitte.
Wählen Sie den gewünschten Flex-Abschnitt aus.
Klicken Sie auf Speichern.
Abschnitt speichern
So speichern Sie einen Abschnitt:
- Bewegen Sie den Mauszeiger über den gewünschten Abschnitt und klicken Sie in der oberen linken Ecke des Abschnitts auf Flex-Abschnitt.
- Klicken Sie auf Als Abschnitt speichern und dann auf Nur diese Zeile auswählen.
- Geben Sie einen Abschnittsnamen ein, wählen Sie die Kategorie aus, unter der der Abschnitt gespeichert werden soll, und wählen Sie die Berechtigungen für den Abschnitt aus.
- Klicken Sie auf Erstellen.
- Klicken Sie auf Fertig.
Abschnitt löschen
Um einen Abschnitt zu löschen, klicken Sie mit der rechten Maustaste, um das Kontextmenü zu öffnen, und wählen Sie Löschen aus. Oder klicken Sie im schwebenden Menü auf das Symbol Löschen.
Spalte hinzufügen
Sobald Sie einen Abschnitt zu Ihrer Website hinzugefügt haben, können Sie Spalten hinzufügen, die Widgets innerhalb des Abschnitts enthalten. Alle Abschnitte enthalten standardmäßig Spalten, aber Sie können trotzdem weitere Spalten hinzufügen.
Wenn Sie einer Spalte ein Element hinzufügen, wird die Position durch Einstellungen für das automatische Layout bestimmt. Um die Richtung des automatischen Layouts zu ändern, öffnen Sie das Designfenster und wählen Sie im Abschnitt Layout die Option horizontal oder vertikal für das automatische Layout aus.
So fügen Sie eine Spalte hinzu:
Wählen Sie eine vorhandene Spalte durch Klicken aus.
Klicken Sie im schwebenden Menü auf das Symbol mit den drei horizontalen Punkten (
) und dann auf Spalte hinzufügen. Oder klicken Sie auf das Plus-Symbol am linken oder rechten Rand der Spalte.
Spalte duplizieren
Sie können eine Spalte duplizieren. Sie wird dann rechts von der ursprünglichen Karte hinzugefügt. Sie können keine Spalten hinzufügen, die 100 % der Breite überschreiten, einschließlich der Abstände.
So duplizieren Sie eine Spalte:
Wählen Sie eine Spalte durch Klicken aus.
Klicken Sie im schwebenden Menü auf das Symbol Duplizieren. Sie können auch mit der rechten Maustaste auf die Spalte klicken, um das Kontextmenü zu öffnen, und dann Duplizieren auswählen.
Spalte löschen
Sie können eine Spalte löschen, um sie aus dem Abschnitt zu entfernen. Jedoch muss jeder Abschnitt mindestens eine Spalte enthalten, d. h. Sie können die letzte Spalte nicht aus einem Abschnitt löschen.
So löschen Sie eine Spalte:
Wählen Sie die Spalte durch Klicken aus.
Klicken Sie im schwebenden Menü auf das Symbol Löschen. Oder klicken Sie mit der rechten Maustaste auf die Spalte, um das Kontextmenü zu öffnen, und wählen Sie dann Löschen aus.
Widget hinzufügen
Sie können Widgets auf verschiedene Arten zu Spalten, Flexboxen oder erweiterten Rastern hinzufügen. Wenn Sie sich bereits im Flex-Modus befinden, können Sie Widgets direkt aus der Seitenleiste hinzufügen, indem Sie auf Widgets klicken und dann das gewünschte Widget auswählen.
Im klassischen Editor können Sie ein Widget nicht per Drag & Drop in eine flexible Spalte aus dem Seitenbereich ziehen.
So fügen Sie ein Widget hinzu:
- Klicken Sie auf eine Spalte, Flexbox oder ein erweitertes Raster, um das Element auszuwählen.
- Klicken Sie auf das Plus-Symbol in der Mitte der Spalte, der Flexbox oder des erweiterten Rasters. Oder klicken Sie im schwebenden Menü auf das Plus-Symbol.
- Wählen Sie ein Widget aus.
Sie können Widgets auch über den Bereich „Ebenen“ hinzufügen.
So fügen Sie ein Widget aus dem Bereich „Ebenen“ hinzu:
- Wählen Sie eine Spalte durch Klicken aus.
- Klicken Sie in der Seitenleiste auf Ebenen.
- Bewegen Sie im Bereich „Ebenen“ den Mauszeiger über die Spalte, die Flexbox oder das erweiterte Raster, zu der bzw. dem Sie ein Widget hinzufügen möchten, und klicken Sie auf das Plus-Symbol.
- Wählen Sie ein Widget aus.
Flex-Demonstration
Die folgenden Videos sind Demonstrationen unseres leitenden UI-Designers, die Ihnen zeigen, wie einfach es ist, Abschnitte in DudaFlex zu erstellen und zu bearbeiten.