Grid Elements

Sogenannte Grid (englisch: Raster) Elements sind Container, welche herkömmliche Inhaltselemente aufnehmen. Sie erlauben es, mehrere Inhaltselemente auf gleicher Höhe nebeneinander zu stellen. Die Baukästen stellen auf Inhaltsseiten zwei Typen von Grids zur Verfügung: zwei Boxen nebeneinander oder drei Boxen nebeneinander.

Grids werden in zwei Schritten angelegt. Im ersten Schritt schafft man den Container, im zweiten befüllt man ihn mit Elementen. Um einen Container anzulegen, klickt man zunächst auf „neuen Datensatz anlegen“, dort auf „Neues Inhaltselement erstellen“, und legt dann ein Inhaltselement von Typ „Grid Elements“ an. (Hinweis: Der Typ „Gottesdienste“ ist nur auf der Startseite verfügbar!)

Geben Sie dem Datensatz zu Ihrer Orientierung unbedingt eine Überschrift (diese wir nicht angezeigt, wenn als Überschriften-Typ „verborgen“ gesetzt ist). Speichern Sie den Datensatz.

Im zweiten Schritt ordnet man Inhaltselemente diesem Grid Container zu. Man legt eine Content Element vom Typ „Text“ oder „Text mit Bild“ an und ordnet dieses auf der Registerkarte „Grid Elements“ dem zuvor angelegten Container zu.

Für den Typen „2-Spalten 50/50“ gibt es Als Spalten „links“ und „rechts“, für den Typen „3-Spalten“ entsprechend „links“, „mittig“ und „rechts“! Als Inhaltselemente können allein die Elemente „Text“ und „Text mit Bild“ verwendet werden, nicht aber „(nur) Bild“. Beim Elementen vom Typ „Text mit Bild“ ist beachtlich, daß das Bild nur über dem Text stehen darf, nicht daneben; bei den Bildmaßen ist beachtlich, daß im Falle 30/30 die maximale Breite 300 Pixel beträgt, im Falle 50/50 sind dagegen 500 Pixel zulässig.

Die Höhe der Boxen richtet sich nach dem Inhalt. Damit alle Boxen dieselbe Höhe erhalten, muß man zum ersten die Überschrift für jede Box einzeilig gestalten, zum zweiten die Zeilenzahl gleich halten und zum dritten die Bildhöhe angleichen, indem man einen quadratischen Zuschnitt (1:1) wählt und identische Bildbreiten wählt.

Als Gestaltungsmittel kann man zudem die Überschrift und auch den Text zentrieren. Die Darstellung der Inhaltselemente kann durch einen grauen Hintergrund optimiert werden, der auf der Registerkarte „Erscheinungsbild“ unter „Layout“ aktiviert werden kann.

Unterhalb des Textes kann man einen Link "mehr erfahren" setzen. Um einen Link-Button zu erhalten, wählen Sie im Assistenten vor der Auswahl des Linkziels die css-Klasse "link-button".