Anordnung Box / Zeile / Spalte

In WebAcappella folgt die Anordnung der Elemente einer bestimmten Struktur:

• Boxen sind die Hauptcontainer, die die Seite strukturieren.
• Zeilen werden direkt in die Boxen eingefügt und ermöglichen eine horizontale Anordnung.
• Spalten sind Elemente wie alle anderen (Text, Bild, Schaltfläche) und müssen in eine Zeile gezogen werden, um den Inhalt vertikal zu organisieren.

Diese Hierarchie ermöglicht die Gestaltung flexibler und anpassungsfähiger Layouts.

Farblegende

In der Benutzeroberfläche von WebAcappella wird jedes Element, das die Seite strukturiert, durch eine bestimmte Farbe dargestellt:

• Braun für Boxen.
• Rosa für Zeilen.
• Grün für Spalten.

Wenn ein Element ausgewählt wird, wird es mit einem Rahmen in derselben Farbe umrandet.

Neue Seite erstellen

1. Erstellen Sie eine neue Seite in WebAcappella.
2. Ein Feld mit einer Zeile wird automatisch eingefügt.

Spalten in einer Zeile hinzufügen

1. Jede Zeile ist in 12 Abschnitte unterteilt, sodass die Breite der Spalten leicht angepasst werden kann.
2. Ziehen Sie eine oder mehrere Spalten per Drag & Drop in die Zeile.
3. Wiederholen Sie diesen Vorgang, um mehrere Spalten nebeneinander hinzuzufügen.
4. Die Größe der Spalten kann durch Anpassen ihrer Proportionen geändert werden.
5. In jede der erstellten Spalten ziehen Sie die gewünschten Elemente (Text, Bild, Schaltfläche usw.), die die Breite der Spalte einnehmen sollen.

Felder und Zeilen hinzufügen

1. Sie können so viele Felder wie nötig auf eine Seite ziehen.

Praktische Tipps

• Achten Sie auf eine klare Struktur, indem Sie mehrere Boxen zur Organisation der Seite verwenden.
• Verwenden Sie Spalten, um das Layout auszugleichen, aber vermeiden Sie zu viele, um die mobile Anzeige nicht zu überladen.
• Testen Sie regelmäßig den Responsive-Modus, um eine gute Darstellung auf allen Bildschirmen sicherzustellen.