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.

Chapitre 2 · Pour les éditeurs · Edit-Mode

Bloc : conteneur

Créer de la structure — le conteneur regroupe d'autres blocs (p. ex. des colonnes).

🧱

Type technique : CmsBlock. Inséré dans l'Edit-Mode via +.

Ce que c'est

Le bloc conteneur regroupe plusieurs blocs en une unité (section, colonnes).

Quand l'utiliser

  • Pour des mises en page multicolonnes ou des sections qui vont ensemble.

Options

  • Contient n'importe quels autres blocs.
  • Mise en page/colonnes selon le Theme.

Comment l'insérer

Concrètement
  1. Activer l'Edit-ModeSur la page, Turn on edit mode.
  2. Point d'insertionSe placer à la position → +.
  3. Type de blocChoisir « Container ».
  4. ContenuInsérer le conteneur et y déposer des blocs.
  5. Enregistrer & vérifierDésactiver l'Edit-Mode, contrôler la vue utilisateur.

Exemple

💡

Un conteneur à deux colonnes : à gauche un bloc de texte avec l'explication, à droite un bloc image avec la capture d'écran adéquate.

Astuces

  • Insérer le conteneur et y déposer des blocs.
  • Ne pas imbriquer trop profondément.
  • Sélectionner d'abord le conteneur, puis éditer les blocs internes.
  • Pour la cohérence, garder la même structure par type de page.

Erreurs fréquentes

  • Une imbrication trop profonde — difficile à gérer.
  • Sur mobile, la mise en page en colonnes se réagence de façon disgracieuse.
  • Une structure incohérente d'une page à l'autre.
👉

Retour à l'Edit-Mode.

Rozdział 2 · Dla edytorów · Edit-Mode

Blok: Container

Tworzenie struktury — Container grupuje inne bloki (np. kolumny).

🧱

Typ techniczny: CmsBlock. Wstawiany w Edit-Mode przez +.

Czym to jest

Blok Container łączy kilka bloków w jedną całość (sekcja, kolumny).

Kiedy używać

  • Do układów wielokolumnowych lub powiązanych sekcji.

Opcje

  • Zawiera dowolne kolejne bloki.
  • Układ/kolumny zależnie od Theme.

Jak go wstawić

Jak to zrobić konkretnie
  1. Włącz Edit-ModeNa stronie Turn on edit mode.
  2. Miejsce wstawieniaNajedź na pozycję → +.
  3. Typ blokuWybierz „Container“.
  4. ZawartośćWstaw Container i umieść w nim bloki.
  5. Zapisz i sprawdźWyłącz Edit-Mode, skontroluj widok użytkownika.

Przykład

💡

Dwukolumnowy Container: po lewej blok tekstowy z wyjaśnieniem, po prawej blok obrazu z pasującym zrzutem ekranu.

Wskazówki

  • Wstaw Container i umieść w nim bloki.
  • Nie zagnieżdżaj zbyt głęboko.
  • Najpierw wybierz Container, potem edytuj bloki wewnętrzne.
  • Dla spójności ta sama struktura na typ strony.

Częste błędy

  • Zbyt głębokie zagnieżdżenie — trudne w pielęgnacji.
  • Na urządzeniach mobilnych układ kolumn łamie się nieładnie.
  • Niespójna struktura strona po stronie.
👉

Powrót do Edit-Mode.

Capitolo 2 · Per gli Editor · Edit-Mode

Blocco: Container

Creare struttura — il container raggruppa altri blocchi (ad es. colonne).

🧱

Tipo tecnico: CmsBlock. Inserito nell'Edit-Mode tramite +.

Cos'è

Il blocco container raggruppa più blocchi in un'unità (sezione, colonne).

Quando usarlo

  • Per layout a più colonne o sezioni correlate.

Opzioni

  • Contiene qualsiasi altro blocco.
  • Layout/colonne a seconda del Theme.

Come inserirlo

Come si fa in concreto
  1. Attivare l'Edit-ModeSulla pagina Turn on edit mode.
  2. Punto di inserimentoSi porti sulla posizione → +.
  3. Tipo di bloccoScelga „Container“.
  4. ContenutoInserisca il container e ci disponga i blocchi.
  5. Salvare e verificareDisattivi l'Edit-Mode, controlli la vista utente.

Esempio

💡

Un container a due colonne: a sinistra un blocco di testo con la spiegazione, a destra un blocco immagine con lo screenshot adatto.

Consigli

  • Inserisca il container e ci disponga i blocchi.
  • Non annidi troppo in profondità.
  • Selezioni prima il container, poi modifichi i blocchi interni.
  • Per coerenza, stessa struttura per ogni tipo di pagina.

Errori frequenti

  • Annidamento troppo profondo — difficile da gestire.
  • Su dispositivi mobili il layout a colonne si spezza in modo poco elegante.
  • Struttura incoerente da pagina a pagina.
👉

Torna all'Edit-Mode.

Hoofdstuk 2 · Voor editors · Edit-Mode

Blok: Container

Structuur scheppen — de Container groepeert andere blokken (bijv. kolommen).

🧱

Technisch type: CmsBlock. Ingevoegd in de Edit-Mode via +.

Wat het is

Het Container-blok bundelt meerdere blokken tot een eenheid (sectie, kolommen).

Wanneer gebruiken

  • Voor meerkoloms lay-outs of bij elkaar horende secties.

Opties

  • Bevat willekeurige verdere blokken.
  • Lay-out/kolommen afhankelijk van het Theme.

Zo voegt u hem in

Zo gaat het concreet
  1. Edit-Mode aanOp de pagina Turn on edit mode.
  2. InvoegplekNaar de positie gaan → +.
  3. Bloktype„Container“ kiezen.
  4. InhoudContainer invoegen en blokken erin leggen.
  5. Opslaan & controlerenEdit-Mode uit, gebruikersweergave controleren.

Voorbeeld

💡

Een tweekoloms Container: links een tekst-blok met de uitleg, rechts een beeld-blok met de passende screenshot.

Tips

  • Container invoegen en blokken erin leggen.
  • Niet te diep nesten.
  • Container eerst kiezen, dan de binnenste blokken bewerken.
  • Voor consistentie dezelfde structuur per paginatype.

Veelgemaakte fouten

  • Te diep nesten — moeilijk te onderhouden.
  • Op mobiele apparaten breekt de kolomlay-out lelijk af.
  • Inconsistente structuur van pagina tot pagina.
👉

Terug naar de Edit-Mode.

Capitolul 2 · Pentru editori · Edit-Mode

Bloc: Container

Crearea structurii — containerul grupează alte blocuri (de ex. coloane).

🧱

Tip tehnic: CmsBlock. Inserat în Edit-Mode prin +.

Ce este

Blocul container reunește mai multe blocuri într-o unitate (secțiune, coloane).

Când se folosește

  • Pentru layouturi pe mai multe coloane sau secțiuni care aparțin împreună.

Opțiuni

  • Conține oricâte alte blocuri.
  • Layout/coloane în funcție de Theme.

Cum îl inserați

Concret, iată cum
  1. Activați Edit-ModePe pagină Turn on edit mode.
  2. Punctul de inserareDeplasați-vă la poziție → +.
  3. Tipul de blocAlegeți „Container".
  4. ConținutInserați containerul și puneți blocuri în el.
  5. Salvați & verificațiDezactivați Edit-Mode, controlați vizualizarea utilizatorului.

Exemplu

💡

Un container pe două coloane: în stânga un bloc text cu explicația, în dreapta un bloc imagine cu screenshotul potrivit.

Sfaturi

  • Inserați containerul și puneți blocuri în el.
  • Nu îl imbricați prea adânc.
  • Alegeți întâi containerul, apoi editați blocurile interioare.
  • Pentru consistență, aceeași structură per tip de pagină.

Greșeli frecvente

  • Imbricare prea adâncă — greu de întreținut.
  • Pe dispozitive mobile layoutul pe coloane se rupe inestetic.
  • Structură inconsistentă de la pagină la pagină.
👉

Înapoi la Edit-Mode.

Κεφάλαιο 2 · Για Συντάκτες · Edit-Mode

Μπλοκ: Container

Δημιουργήστε δομή — το container ομαδοποιεί άλλα μπλοκ (π.χ. στήλες).

🧱

Τεχνικός τύπος: CmsBlock. Εισάγεται στο Edit-Mode μέσω +.

Τι είναι

Το μπλοκ container ομαδοποιεί πολλά μπλοκ σε μία ενότητα (τμήμα, στήλες).

Πότε να χρησιμοποιηθεί

  • Για διατάξεις πολλών στηλών ή συνανήκοντα τμήματα.

Επιλογές

  • Περιέχει οποιαδήποτε άλλα μπλοκ.
  • Διάταξη/στήλες ανάλογα με το Theme.

Έτσι το εισάγετε

Έτσι γίνεται συγκεκριμένα
  1. Ενεργοποίηση Edit-ModeΣτη σελίδα Turn on edit mode.
  2. Σημείο εισαγωγήςΜεταβείτε στη θέση → +.
  3. Τύπος μπλοκΕπιλέξτε „Container“.
  4. ΠεριεχόμενοΕισάγετε container και τοποθετήστε μπλοκ μέσα του.
  5. Αποθήκευση & έλεγχοςΑπενεργοποιήστε το Edit-Mode, ελέγξτε την όψη χρήστη.

Παράδειγμα

💡

Ένα container δύο στηλών: αριστερά ένα μπλοκ κειμένου με την εξήγηση, δεξιά ένα μπλοκ εικόνας με το κατάλληλο screenshot.

Συμβουλές

  • Εισάγετε container και τοποθετήστε μπλοκ μέσα του.
  • Μη φωλιάζετε πολύ βαθιά.
  • Επιλέξτε πρώτα το container, μετά επεξεργαστείτε τα εσωτερικά μπλοκ.
  • Για συνέπεια, ίδια δομή ανά τύπο σελίδας.

Συχνά λάθη

  • Πολύ βαθύ φώλιασμα — δύσκολο στη συντήρηση.
  • Σε κινητές συσκευές η διάταξη στηλών σπάει άσχημα.
  • Ασυνεπής δομή από σελίδα σε σελίδα.
👉

Επιστροφή στο Edit-Mode.

الفصل 2 · للمحررين · Edit-Mode

كتلة: حاوية

إنشاء بنية — تجمع الحاوية كتلًا أخرى (مثل الأعمدة).

🧱

النوع التقني: CmsBlock. تُدرَج في Edit-Mode عبر +.

ما هي

تجمع كتلة الحاوية عدة كتل في وحدة واحدة (قسم، أعمدة).

متى تُستخدَم

  • للتخطيطات متعددة الأعمدة أو الأقسام المترابطة.

الخيارات

  • تحتوي على أي كتل أخرى.
  • التخطيط/الأعمدة بحسب الـTheme.

كيف تُدرِجها

إليك الخطوات عمليًا
  1. تفعيل Edit-Modeعلى الصفحة Turn on edit mode.
  2. موضع الإدراجانتقل إلى الموضع → +.
  3. نوع الكتلةاختر «حاوية».
  4. المحتوىأدرِج الحاوية وضع الكتل داخلها.
  5. الحفظ والتحقّقأوقف Edit-Mode، وراقب منظور المستخدم.

مثال

💡

حاوية بعمودين: يسارًا كتلة نص فيها الشرح، ويمينًا كتلة صورة فيها لقطة الشاشة المناسبة.

نصائح

  • أدرِج الحاوية وضع الكتل داخلها.
  • لا تُبالغ في التعشيق العميق.
  • اختر الحاوية أولًا، ثم عدّل الكتل الداخلية.
  • للاتساق استخدم البنية نفسها لكل نوع صفحة.

أخطاء شائعة

  • تعشيق عميق جدًا — صعب الصيانة.
  • على الأجهزة المحمولة ينكسر تخطيط الأعمدة بشكل غير جميل.
  • بنية غير متسقة من صفحة إلى أخرى.
👉

العودة إلى Edit-Mode.

第 2 章 · 面向编辑 · Edit-Mode

块：Container

创建结构——Container 将其他块分组（例如分栏）。

🧱

技术类型：CmsBlock。在 Edit-Mode 中通过 + 插入。

是什么

Container 块将多个块捆绑为一个单元（区块、分栏）。

何时使用

  • 用于多栏布局或彼此相关的区块。

选项

  • 可包含任意其他块。
  • 布局/分栏视 Theme 而定。

如何插入

具体操作
  1. 开启 Edit-Mode在页面上点击 Turn on edit mode。
  2. 插入位置移动到目标位置 → +。
  3. 块类型选择"Container"。
  4. 内容插入 Container 并把块放进去。
  5. 保存并检查关闭 Edit-Mode，核对用户视图。

示例

💡

一个两栏 Container：左侧是带说明的文本块，右侧是带对应截图的图片块。

提示

  • 插入 Container 并把块放进去。
  • 不要嵌套太深。
  • 先选中 Container，再编辑内部的块。
  • 为保持一致，同类页面采用相同结构。

常见错误

  • 嵌套过深——难以维护。
  • 在移动设备上分栏布局会难看地换行。
  • 各页之间结构不一致。
👉

返回 Edit-Mode。