Der Testimonial-Slider dient der ansprechenden Darstellung von bis zu drei Testimonials in einer Slideshow. Jeder Slide kann folgende Inhalte enthalten:
- Bild: Wird in der oberen rechten Ecke auf einer gelben Form mit abgerundeter Ecke dargestellt. Wenn kein Bild hinterlegt wird, erscheint ein Platzhalter.
- Text: Begrenzung auf mindestens 120 und maximal 240 Zeichen.
- Name und ggf. Titel: Angabe des Namens und optional eines Titels.
- Zusatz: Position, Studiengang, Projekt oder eine vergleichbare Zusatzinformation.
Die Hintergrundfarbe des Sliders kann durch die Redakteur:innen individuell ausgewählt werden:
- Weiß
- Grau
- Petrol-dark-40
Die Schriftfarben und Iconfarben passen sich automatisch an die gewählte Hintergrundfarbe an.
Der Slider enthält eine Navigation mit rechts/links Buttons und Indikatoren (Striche), die die Anzahl der Slides und die aktuelle Position anzeigen. Der Strich der aktuellen Slide wird gelb hervorgehoben. Die Slides werden nur manuell gewechselt; auf mobilen Geräten ist zudem Swipe-Funktionalität aktiviert.
- Melden Sie sich im TYPO3-Backend an.
- Navigieren Sie zur entsprechenden Seite oder zum Container, in dem der Testimonial-Slider platziert ist.
- Wählen Sie den Inhaltstyp "Testimonial-Slider" als Container aus.
- Innerhalb des erstellten Containers können Sie nun neue Slides anlegen. Klicken Sie dazu auf den Button “+Inhalt” und wählen anschließend “Testimonial” aus.
- Füllen Sie die folgenden Felder aus:
- Bild: Laden Sie ein Bild hoch oder wählen Sie ein vorhandenes Bild aus der TYPO3-Medienbibliothek. Wenn kein Bild hinterlegt wird, erscheint automatisch ein Platzhalter.
- Text: Geben Sie den Testimonial-Text ein. Der Text sollte zwischen 120 und 240 Zeichen lang sein.
- Name und ggf. Titel: Tragen Sie den Namen und optional einen Titel ein.
- Zusatz: Fügen Sie eine Position, einen Studiengang, ein Projekt oder ähnliche Informationen hinzu.
- Bestätigen Sie Ihre Eingaben mit Speichern.
Hinweis: Es können maximal drei Slides hinzugefügt werden. Achten Sie darauf, die Anzahl der Elemente nicht zu überschreiten.
- Wählen Sie im Bereich Hintergrundfarbe eine der folgenden Optionen aus:
- Weiß
- Grau
- Petrol-dark-40
- Die Schrift- und Iconfarben passen sich automatisch an die gewählte Hintergrundfarbe an.
- Speichern Sie die Änderungen.
- Ziehen Sie die entsprechenden Slides per Drag & Drop in die gewünschte Reihenfolge.
- Speichern Sie die Änderungen.
- Navigation: Die Slides können über rechts/links Buttons manuell gewechselt werden.
- Indikatoren: Striche zeigen die Anzahl der Slides und die aktuelle Position an. Der Strich der aktuellen Slide ist gelb hervorgehoben.
- Mobile Bedienung: Auf mobilen Geräten kann durch die Slides geswiped werden.
- Verwenden Sie hochwertige und passende Bilder.
- Formulieren Sie klare und aussagekräftige Texte, die innerhalb der Zeichengrenze liegen.
- Wählen Sie eine Hintergrundfarbe, die zu Ihrer Webseite und dem Inhalt der Testimonials passt.
- Achten Sie darauf, dass die Inhalte aller drei Slides ausgewogen und ansprechend gestaltet sind.