toujou
+49 911 23980-870

Single Media

Ein einzelnes Medium zentriert auf der Seite.

Item-ID: 05-001

 Beispielansicht   Anleitung   Verhalten


Beispielansicht Video

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

Weitere Informationen finden Sie in unserer Datenschutzerklärung.

Beispielansicht Bild

Bildunterschrift zum Foto

Beispielansicht GIF


Anleitung

Video anlegen

  • Klicken Sie auf den Button Inhalt und wählen unter dem Reiter Media das Element Single Media 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. 

Bild anlegen

  • Klicken Sie auf den Button Inhalt  und wählen unter dem Reiter Media das Element Single Media 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.

Bild bearbeiten

  • Unter dem nun hochgeladenen Bild öffnet sich 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. 

Bild formatieren

  • Unter dem Button Editor öffnen können Sie das Seitenverhältnis für Mobile, Tablet-, Desktop- oder Widescreen-Ansicht anpassen. 
  • Setzen Sie den Bildfokus für das Responsive-Verhalten jeweils auf die gewünschte Bildfläche. 

Anmerkung zum GIF: Dieses lässt sich ebenso wie ein Bild aus der Dateiliste hochladen. Achten Sie auf das korrekte GIF-Format. Aus Performance-Gründen für Ihre Website raten wir zum sparsamen Gebrauch und möglichst kleinen Datengrößen, da diese in der ursprünglichen Größe ausgespielt werden.


Verhalten

Single Media zeigt das von Ihnen eingefügte einzelne Bild oder bettet ein Video Ihrer Wahl auf der Seite ein. 

Responsive: Das Bild bzw. das Video wird bei jeder verfügbaren Bildschirmgröße in einem festen Verhältnis vollständig angezeigt. 


Verknüpfte Themen

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

Bildbearbeitung  Dateiliste