Four Media elements
Vier Medienelemente nebeneinander in maximaler Inhaltsbreite.
Item-ID: 05-009
Beispielansicht Anleitung Verhalten
Beispielansicht Bilder
Beispielansicht Videos
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
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.