GRÜNES CMS - TYPO3

News und Anleitungen

Einrichtung der 3er-Kachel mit xBlog Teaser

Ansicht einer 3er Kachel auf der Startseite

Hier erfahrt Ihr, wie die 3er-Kachel für News aufgebaut ist. Wir setzen voraus, dass auf Eurer Webseite bereits ein News-System eingerichtet ist.

Alle Screenshots lassen sich per Klick vergrößern!

Die 3er-Kachel ist eine ideale Lösung für die Startseite: Sie zeigt immer die drei neuesten News an – eine große links und zwei kleinere rechts daneben. Diese Ansicht wird über das Plug-In _xBlog:Teaser_ aktiviert.

Tipp für das Layout: Damit die Kachel die volle Inhaltsbreite ausnutzt, platziert den _xBlog:Teaser_ am besten im Seitenbereich ‚Kopf‘.“

Wähle aus der Liste der verfügbaren Inhaltselemente im Register „xBlog“ das Element _xBlog:Teaser_  aus.

Checkliste: Damit alles perfekt aussieht

Damit die 3er-Kachel reibungslos funktioniert, achtet bitte auf folgende Punkte:

  • Menge: Es müssen mindestens 3 Nachrichten im Ordner liegen.
  • Bilder: Jeder Beitrag braucht ein Bild. Achtet darauf, dass Größe und Schnitt der Bilder gut zur Kachel-Aufteilung passen.

⚠️Wichtig: Videos können in der 3er-Kachel nicht dargestellt werden.

Pro-Tipp für die Auswahl
Nicht jede News ist ein „Kachel-Kandidat“? Kein Problem! Ihr könnt entweder mit Top-News arbeiten oder die speziellen Beiträge für die Startseite in einem separaten Ordner ablegen.

Maße für die Bilder (Orientierungshilfe)
Je nachdem, wo Ihr die Kachel platziert, unterscheiden sich die optimalen Bildmaße:

  • Im Seitenbereich „Kopf“:
    • Hauptspalte: 770 x 490 px
    • Randspalte: 370 x 230 px
  • Im Hauptinhaltsbereich:
    • Hauptspalte: 608 x 355 px
    • Randspalte: 287 x 168 px

Plugin mit News verknüpfen

Damit die Kachel weiß, welche Inhalte angezeigt werden, müsst Ihr sie mit dem entsprechenden Ablageordner verknüpfen:

  1. Geht im Menü auf den Reiter „Plug-In“.
  2. Wählt das Unterregister „Startpunkt“ → „Datensatzsammlung“.
  3. Klickt auf das Ordner-Symbol ganz rechts, öffnet den Seitenbaum und wählt Euren News-Ordner aus.

Plugin einrichten

Um das Plugin fertig einzurichten, folgt Ihr einfach den rot markierten Feldern – diese führen Euch in der richtigen Reihenfolge durch die Einstellungen.

Schritt 1: Startpunkt festlegen
Geht im Register „Plug-In“ auf „Startpunkt“. Wählt bei „Seite mit der Detail-Ansicht“ die Seite aus, auf der die Einzelansicht der News erscheinen soll. Achtet darauf, dass auf dieser Seite ein passendes News-Plugin liegt, das denselben News-Ordner nutzt. Dieses Plugin wählt Ihr dann direkt darunter bei „xBlog mit der Detail-Ansicht“ aus. Einfach die Pop-ups mit „OK“ bestätigen.

Schritt 2: Sortierung einstellen
Sobald das Plugin neu geladen hat, stellt Ihr das 1. Sortierfeld auf „Datum der Veröffentlichung“ und die 1. Sortierrichtung auf „absteigend“.

Schritt 3: Bilder konfigurieren
Wechselt zum Unterregister „Verbindungen“ und wählt bei „Bilder“ die Option „Bilder (image)“. Die Pop-ups wieder mit „OK“ bestätigen.

Schritt 4: Layout verfeinern
In den neuen Registern „Hauptspalte“ und „Randspalte“ findet Ihr bereits die empfohlenen Bildgrößen. Legt unter „Bildunterschrift (erster Teil)“ fest, was als Kachel-Überschrift angezeigt werden soll (empfohlen: „Überschrift (title)“). Danach öffnen sich automatisch weitere Felder, mit denen Ihr das Design der Überschrift anpassen könnt.

Nun wird das PlugIn nur noch gespeichert und geschlossen.

Newsletter abonnieren