Kapitel 2 · Für Editoren · Edit-Mode

Block: Container

Struktur schaffen — der Container gruppiert andere Blöcke (z. B. Spalten).

🧱

Technischer Typ: CmsBlock. Eingefügt im Edit-Mode über +.

Was es ist

Der Container-Block bündelt mehrere Blöcke zu einer Einheit (Abschnitt, Spalten).

Wann verwenden

  • Für mehrspaltige Layouts oder zusammengehörige Abschnitte.

Optionen

  • Enthält beliebige weitere Blöcke.
  • Layout/Spalten je nach Theme.

So fügen Sie ihn ein

So geht's konkret
  1. Edit-Mode anAuf der Seite Turn on edit mode.
  2. EinfügestelleAn die Position fahren → +.
  3. Blocktyp„Container“ wählen.
  4. InhaltContainer einfügen und Blöcke hineinlegen.
  5. Speichern & prüfenEdit-Mode aus, Nutzersicht kontrollieren.

Beispiel

💡

Ein zweispaltiger Container: links ein Text-Block mit der Erklärung, rechts ein Bild-Block mit dem passenden Screenshot.

Tipps

  • Container einfügen und Blöcke hineinlegen.
  • Nicht zu tief verschachteln.
  • Container zuerst wählen, dann innere Blöcke bearbeiten.
  • Für Konsistenz gleiche Struktur pro Seitentyp.

Häufige Fehler

  • Zu tiefe Verschachtelung — schwer zu pflegen.
  • Auf Mobilgeräten bricht das Spaltenlayout unschön um.
  • Inkonsistente Struktur von Seite zu Seite.
👉

Zurück zum Edit-Mode.

Chapter 2 · For editors · Edit mode

Block: Container

Create structure — the container groups other blocks (e.g. columns).

🧱

Technical type: CmsBlock. Inserted in edit mode via +.

What it is

The container block bundles several blocks into one unit (section, columns).

When to use

  • For multi-column layouts or sections that belong together.

Options

  • Contains any further blocks.
  • Layout/columns depending on the theme.

How to add it

Step by step
  1. Turn on edit modeOn the page, Turn on edit mode.
  2. Insertion pointMove to the position → +.
  3. Block typeChoose "Container".
  4. ContentInsert the container and place blocks inside it.
  5. Save & checkTurn off edit mode, check the user view.

Example

💡

A two-column container: on the left a text block with the explanation, on the right an image block with the matching screenshot.

Tips

  • Insert the container and place blocks inside it.
  • Don't nest too deeply.
  • Select the container first, then edit the inner blocks.
  • For consistency, use the same structure per page type.

Common mistakes

  • Too deep nesting — hard to maintain.
  • On mobile devices the column layout wraps unpleasantly.
  • Inconsistent structure from page to page.
👉

Back to edit mode.