Design
Der Bereich Design enthält spezialisierte Inhaltsblöcke, die in erster Linie dazu dienen, das Layout und das Erscheinungsbild der Seite zu verbessern und zu strukturieren. Dazu gehören Blöcke wie der Spaltenblock, Gruppenblock, Trennblock und mehr.
Der Buttons-Block
Der Buttons-Block ermöglicht das Hinzufügen eines oder mehrerer Buttons in den Inhaltsbereich. Dabei können mehrere Buttons sowohl hintereinander in einer Reihe oder auch untereinander angeordnet werden.
Buttons nebeneinander
Buttons untereinander
Der Spalten-Block
Der Spaltenblock erlaubt das Erstellen von Layouts mit bis zu 6 Spalten. Die Anzahl der Spalten, deren individuelle Breite und die Hintergrundfarbe können in der Seitenleiste eingestellt werden.
Beim Einfügen des Spaltenblocks erhält man die Möglichkeit, sich bereits für eine Aufteilung zu entscheiden. Diese kann aber jederzeit noch individuell angepasst werden.
Jede Spalte kann wieder mit beliebig vielen Blöcken befüllt werden.
Beispiel für ein 3-spaltiges Layout
Überschrift
Hallo. Ich bin ein kleiner Blindtext. Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein: Man ergibt keinen Sinn. Wirklich keinen Sinn.
Der Gruppe-Block
Mit dem Gruppen-Block können mehrere Blöcke in einem Container gesammelt (gruppiert) werden. Dies ermöglicht eine bessere Strukturierung der Inhalte und die optische Abgrenzung zu anderen Gruppen oder Blöcken.
Hier ein Beispiel einer Gruppe mit dem Namen „Container Zeile-Block“ wie er in der Dokumentenübersicht dargestellt wird.
Der Mehr-Block
Mit dem Mehr-Block fügen Sie einen „Mehr-Tag“ (früher „Weiterlesen-Tag“) hinzu, der den Inhalt eines Beitrags trennt und aus dem Text, der vor dem Mehr-Block steht eine Vorschau erstellt.
Dies ermöglicht es, nur einen Teil des Beitrags auf der Hauptseite oder in den Archivseiten anzuzeigen, während der vollständige Inhalt erst nach einem Klick auf „Weiterlesen“ oder „Mehr lesen“ sichtbar wird.
Der Seitenumbruch-Block
Der Seitenumbruch-Block fügt einen Umbruch nach besonders langen Texten ein, um den Inhalt auf mehrere Seiten zu verteilen.
Der Trenner-Block
Der Trenner-Block fügt eine horizontale Linie zur visuellen Trennung von Inhalten ein. Die Linie wird entweder als durchgehende Linie oder alternativ mit drei Punkten dargestellt.
Der Abstandshalter-Block
Der Abstandshalter-Block fügt einen vordefinierten Raum zwischen zwei Blöcken ein.
Die Größe des Blocks kann durch Ziehen des Punktes nach oben oder unten bestimmt werden.
Alternativ kann die genaue Größe auch in den Blockeinstellungen definiert werden.