Text-Teaser
Last updated
Last updated
© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH
Der ThemeWare® "Text-Teaser" ist unabhängig von seinem CMS-Block. Du kannst den Teaser auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Den ThemeWare® "Text-Teaser" kannst du wie folgt konfigurieren:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
Fahre mit der Maus über das gewünschte CMS-Element
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Die Konfiguration vom "Text-Teaser" ist recht selbsterklärend. Der Titel und das Bild sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.
Im Tab "Allgemein" konfigurierst du den Content des Elementes.
Content (Inhalt)Im Abschnitt "Content" kannst du den Titel (2) und Zwischentitel eingeben. Der Titel ist ein Pflichtfeld.
BildIm Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.
LinkIm Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Im Tab "Layout" kannst du den Titel (2) und den Hover-Effekt vom Content und ein Farb-Overlay konfigurieren.
AllgemeinIm Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.
Content (Inhalt)Im Abschnitt "Content" kannst du die gewünschte Textausrichtung auswählen und einen Text-Schatten konfigurieren.
TitelIm Abschnitt "Titel" kannst du die Schriftart, die Strichstärke, die Textformatierung und die Textfarbe vom Titel (2) konfigurieren.
UntertitelIm Abschnitt "Untertitel" kannst du die Schriftart und die Textfarbe vom Untertitel konfigurieren.
LayoutIm Abschnitt "Layout" kannst du die horizontale Ausrichtung, die vertikale Ausrichtung und die maximale Breite (z.B. 90%) des Inhaltes (=Text) im Teaser konfigurieren.
BildIm Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
HoverIm Abschnitt "Hover" kannst du einen Hover-Effekt für den Inhalt (Titel) auswählen.
Farb-OverlayIm Abschnitt "Farb-Overlay" kann ein Farb-Overlay aktiviert und konfiguriert werden.
Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für den Titel bzw. den Untertitel sowie das "Lazy Loading" vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
.png){kind=icon}