Kachelwand - TYPO3

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.

Info
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:


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:




Alert
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.