Media-Teaser 50%, left
Ein Medium (Originalformat) links und Text rechts.
Item-ID: 02-003
Beispielansicht Anleitung Verhalten
Beispielansicht
Anleitung
Teaser anlegen
- Klicken Sie auf den Button +Inhalt, um einen Teaser-Element zu erstellen.
- Im Reiter Teaser Elements wählen Sie Media-Teaser 50%, left.
Text einfügen & formatieren
- Geben Sie Ihre Texte in das Textfeld ein.
- Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.
- Der Text kann direkt im Textfeld, mit dem Menü über dem Textfeld, formatiert werden.
Medium einfügen
- Um ein Bild einzufügen, klicken Sie auf den Button Bild hinzufügen.
- Wählen Sie eine Bilddatei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner (Datei auswählen und hochladen) hoch.
- Um ein Video anzuzeigen, klicken Sie auf Medien nach URL hinzufügen.
Automatische Wiedergabe von Medien
Wenn Sie mehr als ein Medium innerhalb desselben Elements einsetzen, haben Sie die Möglichkeit, die Wiedergabe zu automatisieren. Um ein einheitliches Bild zu gewährleisten, werden alle eingesetzten Medien auf dasselbe Format (16:9) zugeschnitten.
Settings-Optionen für Medienelemente mit zwei und mehr Medien
- Slide automatically: Aktivieren Sie den Regler mittels Klick, um die automatische Wiedergabe einzurichten.
- Interval of auto slidings (in seconds): Standardmäßig wird nach 6 Sekunden das nachfolgende Medium eingeblendet. Wenn Sie diese Frequenz ändern möchten, betätigen Sie den Regler entsprechend auf einer Skala von 1 bis 15 Sekunden (nur wenn Slide automatically aktiviert ist).
Element Design für mehr Individualität
In diesem Element können Sie zudem das Erscheinungsbild ganz leicht mit dem Element Design mit einem Klick ändern. Mit der Auswahl von Standard Design, Primary Design, Secondary Design oder Umgekehrtes Design wechseln Sie Hintergrundfarbe des Elements und ggfs. die Hintergrundfarbe der Headline oder Pfeile bzw. des Textbereichs entsprechend der in den Theme-Settings definierten Farbe.
- Mit Klick auf das Element Design im Reiter Allgemein / General erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe.
- Wählen Sie aus den Optionen Standard, Primary, Secondary sowie Umgekehrt die gewünschte Option aus.
- Speichern Sie die Änderungen im Element, damit sie sichtbar werden.
Verhalten
Der Media-Teaser 50%, links gibt den von Ihnen eingefügten Inhalt neben einem Medium wieder.
Responsive: Ist nicht ausreichend Platz zur Darstellung nebeneinander vorhanden, zeigen alle Teaser das zuvor nebenstehende Medium über dem Text an. So sind Sie in der Lage, wechselnde Teaser, bei ausreichender Fläche, zu verwenden. Gleichzeitig wird, unabhängig der ursprünglichen Ausrichtung, die Darstellung einheitlicher Teaser auf kleinen Endgeräten gewährleistet.
Besonderheiten: Der Teaser nimmt immer die volle Breite des Inhalts ein. Bitte beachten Sie, dass der Teaser das Bildformat nicht verändert.
Verknüpfte Themen
Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.