Zahl

Über das Feld "+ Inhalt" und anschließend "Individueller Seiteninhalt" kann das Content-Element "Zahl" ausgewählt werden.

Dieses Element sollte immer in einem Grid, bestehend aus mehreren Reihen und Spalten/Feldern eingefügt werden (z. B. 2 Reihen - 3 Spalten oder 3 Reihen - 6 Felder). Zuerst kann rechts unter "Spalte" angegeben werden, in welchem Teil vom Grid sich die Zahl befindet (hier: 50%).

Danach kann unter "Zahl" eine Zahl eingegeben werden (z. B. 500). 

Unter "Text hinter Zahl" kann ein zusätzlicher Text eingegeben werden, der direkt im Anschluss an die Zahl zusehen ist (z. B. T€)

Unter "Text" kann anschließend ein zusätzlicher Text eingefügt werden (hier: Gründung)

Soll die Zahl neben dem Text stehen, kann das Feld unter "Zahl neben Text" angeklickt werden. 

Unter "Link zur Seite" kann über das Symbol ganz rechts eine andere Seite verlinkt werden. 

Danach kann unter "Hintergrundfarbe" eine Farbe aus der Dropdown-Liste ausgewählt werden.

Anschließend kann unter "Bilder" über "Bild hinzufügen" ein Hintergrundbild aus der Dateiliste ausgewählt werden, das hinter der Hintergrundfarbe zu sehen sein wird.

Zum Schluss können die Bild-Metatdaten bearbeitet werden. Unter "Titel" sollte ein kurzer Titel des Bildes eingefügt werden. Das Feld "Alternativer Text" sollte mit einem Satz gefüllt werden, der das Bild beschreibt. Hierbei sollten die starken Keywords aus der Keywordliste eingebaut werden, um die Seite in Bezug auf SEO zu optimieren. Unter "Bildbearbeitung" befindet sich das Feld "Editor öffnen". Damit lassen sich die Seitenverhältnisse des Bildes für Mobile, Tablet und Desktop anpassen. In diesem Fall wird das Seitenverhältnis "Frei" empfohlen.

Darstellung des Elements im Frontend

Hierbei handel es sich um folgendes Grid: 2 Reihen - 3 Spalten. Ganz links wurden beispielsweise die Felder "Zahl" und "Text" ausgefüllt sowie ein Bild hinzugefügt und eine blaue Hintergrundfarbe eingestellt; "Spalte = 50%". Außerdem wurde eine Seite verlinkt, was am Button "mehr erfahren" erkannbar ist. Ganz rechts wurden dieselben Felder ausgefüllt aber kein Bild hochgeladen und die Hintergrundfarbe weiß gewählt; "Spalte" = 16%.

Hier ist folgendes Grid dargestellt: 3 Reihen - 6 Felder. Links oben wurden alle drei Felder ausgefüllt: "Zahl", "Text hinter Zahl" (Wohnungen) und "Text" (im eigenen Wohnbestand); "Spalte" = 33%. Es wurde kein Bild gepflegt und ebenfalls die Hintergrundfarbe weiß gewählt. 

Rechts daneben wurden ebenfalls alle drei Felder ausgefüllt, außerdem ein Hintergrundbild gepflegt und die Hintergundfarbe blau genutzt. Darüber hinaus wurde ein Link gesetzt (mehr erfahren); "Spalte" = 66%.