Testimonial-Slider

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.

  1. Melden Sie sich im TYPO3-Backend an.
  2. Navigieren Sie zur entsprechenden Seite oder zum Container, in dem der Testimonial-Slider platziert ist.
  3. Wählen Sie den Inhaltstyp "Testimonial-Slider" als Container aus.

  1. 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.
  2. 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.
  3. 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.

  1. Wählen Sie im Bereich Hintergrundfarbe eine der folgenden Optionen aus:
    • Weiß
    • Grau
    • Petrol-dark-40
  2. Die Schrift- und Iconfarben passen sich automatisch an die gewählte Hintergrundfarbe an.
  3. Speichern Sie die Änderungen.

  1. Ziehen Sie die entsprechenden Slides per Drag & Drop in die gewünschte Reihenfolge.
  2. 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.
Testimonial-Slider dunkel
"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren"
Die Tulpe
geerdet
Testimonial-Slider weiß
"Auf leisen Pfoten kommen sie wie Boten der Stille, und sacht, ganz sacht, schleichen sie in unser Herz und besetzen es für immer mit aller Macht."
Felis catus
Position, Project..
„Der Wolf ist der Geist der Wildnis. Er verkörpert das wilde, das Abenteuer, das Unbekannte. Er ist das Gefühl des Freiseins, das immer in uns schlummert. Begegne einem Wolf und du wirst den Ruf der Wildnis hören."
Canis lupus
Position, Project..
"Geht dir die Luft aus, dann atme ich für dich und starrst du ins Leere, stell ich mich in deinen Blick ich schick dir in Seenot den Leuchtturm aufs offene Meer"
Urbs
Position, Project..
Testimonial-Slider grau
"Auf leisen Pfoten kommen sie wie Boten der Stille, und sacht, ganz sacht, schleichen sie in unser Herz und besetzen es für immer mit aller Macht."
Felis catus
Position, Project..
„Der Wolf ist der Geist der Wildnis. Er verkörpert das wilde, das Abenteuer, das Unbekannte. Er ist das Gefühl des Freiseins, das immer in uns schlummert. Begegne einem Wolf und du wirst den Ruf der Wildnis hören."
Canis lupus
Position, Project..
"Geht dir die Luft aus, dann atme ich für dich und starrst du ins Leere, stell ich mich in deinen Blick ich schick dir in Seenot den Leuchtturm aufs offene Meer"
Urbs
Position, Project..