Masonry Block

Öffnen oder erstellen Sie eine neue Seite mit dem Template „Flexible Inhalte“. Im Backend der Seite, im Abschnitt „Flexible Content-Blöcke“ müssen Sie auf den Button „Add Row“ klicken, um einen neuen Block hinzuzufügen. 

Es öffnet sich ein Popup mit einer Übersicht aller verfügbaren Blöcke. Klicken Sie hier auf die Kachel „Masonry“. (Siehe Screenshot)

Es öffnet sich ein neues Pop-up mit den Einstellungen und Inhaltsfeldern des Masonry-Blocks. Als erstes können Sie optional einen Anker-Link, ein Dekor-Element oder eine Überschrift festlegen. 

Im zweiten Reiter des Block können Sie die Anzeige-Variante auswählen. Sie können zwischen zwei Breiten wählen. Der Standardwert „Container“ besagt, dass sich die Masonry-Kacheln in der selben Breite wie andere Content-Elemente z.B. der Bild-Text-Block etc. anordnen. Wenn Sie die Breite „Vollbild“ auswählen, ordnen sich die Kacheln über die gesamte verfügbare Bildschirmbreite an. 

Nachdem Sie die allgemeinen Einstellungen vorgenommen haben, können Sie nun im Reiter „Inhalt“ die einzelnen Kacheln hinzufügen. Jeder Eintrag entspricht einer Kachel im Frontend. 
Gehen Sie nun auf „Inhalt“ und klicken Sie auf „Eintrag hinzufügen“, um Ihren Inhalt hinzuzufügen.

Typ
Wählen Sie zwischen „Benutzerdefiniert“ und „Beitrag“. Bei der Option „Benutzerdefiniert“ können Sie Titel, Auszug, Link und Bild manuell definieren. Wenn Sie die Option „Beitrag“ wählen, können Sie einen beliebigen Post-Type (Z.B. eine Seite, Job, News-Artikel etc.) auswählen. Ähnlich wie beim Content-Picker werden Bild, Titel und Link automatisch aus dem bereits erstellen Beitrag generiert. Sie können nur noch den Ansichtsmodus und die Hintergrundfarbe festlegen. 

Ansichtsmodus
Wählen Sie zwischen drei Größen für die Masonry-Kachel: „Standard“, „Halb“ (Halbe Größe der Option Standard), „Breiter“ als der Standard-Block

Titel
Titel/Überschrift der Kachel

Auszug
Hier können Sie 1-2 Zeilen Beschreibungstext angeben. Dieser wird auf Mouseover in der Kachel angezeigt. Ist in der Halb-Größe nicht verfügbar

Hintergrund
Hier können Sie ein Hintergrundbild oder eine Hintergrundfarbe für die Kachel wählen

Call-to-Action
In diesem Abschnitt wählen Sie, wohin die Kachel optional verlinken soll. Dafür setzen Sie einen Link-Text (Der Button-Text wird nicht in der Kachel angezeigt.), wählen den Link-Typ aus (Intern, Extern, Anker oder Modalbox und wählen dann den entsprechenden Link. 

Jetzt können Sie beliebig viele Kacheln/Einträge hinzufügen. 

Wenn Sie fertig sind, müssen Sie die Seite nur noch wie gewohnt speichern. Dafür schließen Sie das Pop-Up und klicken im Abschnitt „Veröffentlichen“ entsprechend Speichern, Aktualisieren oder Veröffentlichen. Alternative können Sie sich den neuen Block auch zuvor in der Vorschau ansehen.

TIPP

Haben Sie Probleme oder Anpassungwünsche für die Overlayfarbe, Overlayintensität oder Textfarbe des Masonry-Blocks. Melden Sie sich gerne bei unserem Support-Team. Dieses kann die Farbe der genannten Element global für Ihre Website ändern. Schreiben Sie gerne eine Mail an support@lottaleben.de mit dem Namen Ihrer Website und den gewünschten Farb-Anpassungen.