MEC-Startseiten-Hero (Template D, Grooss, Green)
Redaktions-Anleitung für den Hero Slider auf der Startseite der MEC-Center-Websites (Templates D, Grooss, Green).
Wo finde ich den Hero?
- Im Dashboard das Center öffnen.
- Reiter Webseite (Website-Konfiguration).
- Je nach Template heißt der Bereich Hero Slider oder Hero (Reiter
mec-d-hero,mec-grooss-hero,mec-green-hero).
Änderungen werden in templateContent.hero.slides[] gespeichert und erscheinen auf der Live-Startseite nach dem üblichen Speichern/Publizieren.
Gemeinsame Funktionen (alle drei Templates)
| Funktion | Beschreibung |
|---|---|
| Mehrere Slides | Slides hinzufügen, duplizieren, per Drag & Drop sortieren |
| Link & Badge | Optionaler Klick-Link und rundes Badge (z. B. „NEU“) |
| Sichtbarkeitszeitraum | Sichtbar ab / Ausblenden ab – Slides außerhalb des Zeitraums werden auf der Website nicht angezeigt |
| Layout-Vorlagen | Eingebaute Presets + eigene Vorlagen (im Browser gespeichert); Texte und Bilder bleiben beim Anwenden erhalten |
Template D
Optik: Hintergrundfarbe (oder optional Hintergrundbild), großer Titel links, optional Beschreibung mit farbigem Kasten, Motiv rechts.
Editor-Reiter: Hintergrund · Titel · Beschreibung · Motiv · Feinjustierung · Mehr · Vorlagen
Zweizeiliger Titel (zwei Schriftstärken)
- Im Titelfeld eine zweite Zeile mit Enter anlegen.
- Unter Schriftstärke (2 Zeilen) wählen:
- Oben dünn · unten fett (Standard, z. B. ORO-Stil)
- Oben fett · unten dünn
- Position, Größe, Farbe und leichte Neigung (
rotateDeg) sind im Titel-Reiter einstellbar.
Beschreibung / Textkasten
Im Reiter Beschreibung: Fließtext, optional Hintergrundkasten (Farbe wählbar). Breite und Feinjustierung über Schieberegler.
Vorlagen (Template D)
Reiter Vorlagen: u. a. „Template D: geneigter Titel + Textkasten“ – übernimmt Layout, behält eure Texte und Bilder.
Template Grooss
Optik: Vollflächige Hintergrundfarbe, Titel links oben (Handschrift „Blog“), Untertitel links unten, Motiv rechts – ohne Textkasten.
Felder: Hintergrundfarbe · Titel (Text, Farbe, px) · Untertitel · Motiv-Upload · Link/Badge · Datum.
Layout-Vorlagen: z. B. „Grooss Standard“ (Oliv) oder „Dunkler Hintergrund“.
Template Green
Optik: Immer vollflächiges Hintergrundbild. Links ein transparenter Kasten mit zweifarbigem Titel (Zeile 1 + Zeile 2, je eigene Farbe/Größe) und Untertitel darunter.
Felder: Hintergrundbild (Pflicht für neue Slides) · Kastenfarbe & Transparenz · Titel Zeile 1/2 · Untertitel · Link/Badge · Datum.
Layout-Vorlagen: z. B. „Green Standard“ (Olive-Kasten) oder „Heller Kasten“.
Legacy-Slides
Ältere Slides aus früheren Editoren werden beim Öffnen im Dashboard automatisch migriert. Auf der Website bleiben HTML-Fallbacks für sehr alte Daten aktiv, bis die Slides einmal neu gespeichert wurden.
Tipps
- Saisonale Kampagnen: Dupliziert einen Slide, passt Texte/Bilder an und setzt Start- und Enddatum – ohne den Rest der Slides zu löschen.
- Vorlagen: Speichert wiederkehrende Farb-/Größen-Kombinationen als eigene Vorlage, statt jedes Mal manuell nachzustellen.
- Medien: Große Motiv-PNGs mit transparentem Hintergrund wirken auf Template D und Grooss am besten; Green braucht ein starkes Vollbild-Foto.
Technische Referenz (Entwickler)
Siehe MEC Shared Bausteine – Startseiten-Hero und die Template-Quellenreferenzen (Green/Grooss).
Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /content-creator-handbuch/workflows/mec-startseiten-hero