Kachelwand - TYPO3

Kachelwand - viele Themen auf einen Blick

Kachelwände ermöglichen es, einen schnellen Überblick über verschiedene Themen in kompakter Form zu erhalten. Zusätzlich besteht damit die Möglichkeit, mit internen Verlinkungen auf weitere Themenseiten zu verweisen, um so die durchschnittliche Aufenthaltsdauer der User:innen auf der Website zu verlängern. Selbstverständlich sind aber auch externe Verlinkungen zu z.B. Partner-Websites (in einem neuen Tab) möglich. Um das Modul Live zu sehen, kann gerne folgende Beispiel-Seite geöffnet werden: Web-Demo live

Das Modul im Frontend

Das Modul besteht aus einem Bild, einer Überschrift, einem Untertitel und einem Bild. Dabei ist das Bild entweder ganzflächig verlinkt oder enthält einen Button.

Bei der versetzten Kachelwand wird mithilfe eines Buttons auf eine weitere Seite verlinkt.

Es gibt aber auch viele weitere Darstellungsmöglichkeiten der Kachelwände, um so gezielt die perfekte Kachelwand für die Anzahl der Themen zu nutzen, die man abbilden möchte. Siehe hierzu auch gerne folgende Kachelwand-Darstellungen: Web-Demo live

Das Modul im Backend

Das Modul im Backend wird wie unten beschrieben angelegt. Im ersten Schritt ist es wichtig, dass eine Rahmenbühne platziert wird, in die im Anschluss die Kachelwand eingefügt werden kann.

Um eine Rahmenbühne anzulegen, klicke auf der ausgewählten Seite auf +Neuen Inhalt erstellen:

Es öffnet sich eine neue Ansicht, bei der man nun eine einspaltige Bühne auswählen kann:

Diese einspaltige Bühne kann dann mithilfe des Disketten-Symbols gespeichert werden. Im Anschluss haben wir nun die Möglichkeit, innerhalb unserer platzierten Rahmenbühne eine Kachelwand zu erstellen.

1. Kachelwand erstellen

Um eine Kachelwand einzufügen, muss man innerhalb einer Rahmenbühne auf + Inhalt klicken und unter Container die gewünschte Kachelwand wählen:

Im Bereich "Container" kann hierbei zwischen Kachelwand mit Versatz oder der großen Kachelwand gewählt werden:

Des Weiteren kann man Kachelwände mit vordefinierten Größen unter Kachelwand finden und einpflegen. Hier kann dann ganz gezielt die Kachelwand gewählt werden, die zur Anzahl der Themen passt, die dargestellt werden sollen:

2. Bilder, Texte und Links einpflegen

Sobald eine Entscheidung für eine Kachelwand getroffen worden ist, kann im Anschluss in den einzelnen Kachelbereichen auf  +Inhalt geklickt werden, um so die Kacheln mit Bild, Text und Link anzulegen:

 Nach dem Erstellen einer einzelnen Kachel erscheint ein neues Fenster mit den Feldern, die pro Kachel gepflegt werden können:

Folgende Felder sind je Kachel pflegbar:

1. Kachel-Titel
   
2. Kachel-Untertitel
   
3. Kachel-Link
   
4. Kachel-Medien
   
5. Kachel-Farbschema
   
6. Kachel-Icon

3. Kacheln verschieben

Die Kacheln, die bereits angelegt wurden, lassen sich innerhalb der Bühne mithilfe von Drag & Drop verschieben, sodass sich dann auch im Frontend der Website die Reihenfolge ändert:

Wichtig: Kachelwände dürfen nicht kopiert und wieder eingefügt werden, da dies zu Fehlermeldungen führen kann. Demnach muss jede Kachelwand neu angelegt werden.

• Related Articles

• destination.pages: Verlinkung einer Kachel mit fertiger Contentstruktur-Seite im Pages Builder

  In diesem Video erklären wir Dir, wie eine vordefinierte Contentstruktur-Seite mit den dazugehören Kind Elementen auf eine Root Kachel verlinkt wird.

• destination.mediawall - TYPO3

  destination.mediawall - Darstellung unterschiedlicher Medien destination.mediawall ermöglicht die Anzeige verschiedener Medienarten, darunter Bilder, Videos und Audiodateien. Mit der Auswahl zwischen zwei verschiedenen Layouts, die sich von der ...

• destination.youtube - TYPO3

  destination.youtube - YouTube auf der Landingpage Darstellung im Frontend Wer das Modul einmal selbst testen will, kann dies über folgenden Link machen: LINK Hinweis: Für die Anzeige im Frontend müssen Cookies akzeptiert werden. Pflege im Backend ...

• Der Pagesbuilder: Root Datei - Wie kann ich Portal Kacheln auf nur bestimmten Touchpoints darstellen?

  1. Darstellen von ganzen Kachelreihen mit Hilfe von Portalblöcken und Sichtbarkeitsfilter Sie haben mehrere Touchpoints im Einsatz und möchten gerne verschiedene Portal Inhalte darstellen. Mit dem Pagesbuilder haben Sie die Möglichkeit, Portalblöcke ...

• Mediengalerie - TYPO3

  destination.base Mediengalerie Worum gehts? Eine Mediengalerie ermöglicht es, verschiedene Arten von Medieninhalten anzuzeigen, wie zum Beispiel Bilder, Videos oder Audio-Dateien. Die Hauptfunktion einer Mediengalerie besteht darin, ...