toujou
+49 911 23980-870

Four Media elements

Vier Medienelemente nebeneinander in maximaler Inhaltsbreite.

Item-ID: 05-009

Beispielansicht   Anleitung   Verhalten


Beispielansicht Bilder


Beispielansicht Videos

Um externe Video-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung.

Weitere Informationen finden Sie in unserer Datenschutzerklärung.

Um externe Video-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung.

Weitere Informationen finden Sie in unserer Datenschutzerklärung.

Um externe Video-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung.

Weitere Informationen finden Sie in unserer Datenschutzerklärung.

Um externe Video-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung.

Weitere Informationen finden Sie in unserer Datenschutzerklärung.


Anleitung

Vier Videos anlegen

  • Klicken Sie auf den Button Inhalt und wählen unter dem Reiter Media das Element Four Media elements, 25% aus.
  • Um ein Video anzuzeigen, klicken Sie nun im Reiter Allgemein Medien nach URL hinzufügen.
  • Fügen Sie die vollständige URL eines YouTube- oder Vimeo-Videos in die dafür vorgesehene Maske ein. 
  • Um ein zweites Video hinzuzufügen, klicken Sie erneut den Button Medien nach URL hinzufügen und wiederholen den Vorgang.

Vier Bilder anlegen

  • Klicken Sie auf den Button Inhalt und wählen unter dem Reiter Media das Element Fours Media elements, 25% aus.
  • Um ein Bild anzuzeigen, klicken Sie nun im Reiter Allgemein Bild hinzufügen/Add media file.
  • Wählen Sie eine Bilddatei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner hoch.
  • Für das zweite Bild wiederholen Sie den Vorgang.

Bilder bearbeiten

  • Unter den nun hochgeladenen Bildern öffnet sich jeweils ein Menü zur Bearbeitung der Bild-Metadaten.
  • Aktivieren Sie das Feld Beschreibung (Bildunterschrift), um dem Bild eine Bildunterschrift hinzuzufügen. Schreiben Sie den Text in das dafür vorgesehene Feld. 

Bilder formatieren

  • Unter dem Button Editor öffnen können Sie jeweils das Seitenverhältnis für Mobile, Tablet-, Desktop- oder Widescreen-Ansicht anpassen. 
  • Detaillierte Erläuterungen zur Arbeit mit dem Bildeditor finden Sie im entsprechenden Tutorial.

Verhalten

Four Media elements zeigen die von Ihnen eingefügten einzelnen Bilder oder betten vier Videos Ihrer Wahl auf der Seite ein. Die Kombination von Videos und Bildern innerhalb des gleichen Elements ist ebenfalls möglich.

Responsive: Die Bilder bzw. die Videos werden in einem festen Verhältnis zunächst nebeneinander, bei kleiner werdenen Bildschirmgrößen in Zweierreihe angezeigt. 


Verknüpfte Themen

Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.

Bildbearbeitung  Dateiliste