Studio Editor: Textmasken hinzufügen und anpassen
6 Min. Lesezeit
Textmasken sind ein großartiges Werkzeug für kurze Textabschnitte, die die Aufmerksamkeit der Besucher erregen sollen. Du kannst als Texthintergrund (Füllung) ein Bild, ein Video oder einen Farbverlauf festlegen, damit er auf der Seite viel auffälliger ist.
![GIF mit einem Beispiel für ein Textmaskenelement mit einer Videofüllung](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/04/24/db147a66-dbda-4d8c-a879-9912fb80d41e/c0e9888b-fc57-4adc-98b0-c3b49f7e2f65.gif)
In diesem Artikel erfährst du mehr über folgende Themen:
Ein Textmaskenelement hinzufügen
Öffne das „Elemente hinzufügen“-Panel, um ein neues Textmaskenelement hinzuzufügen. Wähle ein Design, das dir gefällt, und ziehe es auf der Seite. Du kannst es später im Inspektor-Panel vollständig anpassen.
Empfehlung:
Um die beste Leistung deiner Website auf Mobilgeräten zu gewährleisten, empfehlen wir, bis zu 10 Textmasken pro Seite hinzuzufügen.
Um eine Textmaske hinzuzufügen:
- Klicke auf der linken Seite des Editors auf Elemente hinzufügen
.
- Klicke auf Text.
- Klicke auf Textmaske.
- Ziehe ein Textmaskendesign, das dir gefällt, auf die Seite.
Tipp: Einige unserer Designs enthalten einen Videohintergrund. Fahre mit der Maus über ein Design im Panel, um es in Aktion zu sehen. - Gib den Text ein, der auf diesem Element angezeigt werden soll:
- Klicke auf die Textmaske, die du gerade hinzugefügt hast.
- Klicke Text ändern.
- Gib den Text ein, der angezeigt werden soll.
![Die Videovorschau, die du im „Elemente hinzufügen“-Panel siehst, wenn du mit der Maus über eine Textmaske fährst](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/19/3246e706-1403-4543-b304-d47ab1956a14/b7847bfa-4541-43cc-b01e-ef61763b5dae.gif)
Den Text in einer Textmaske ändern
Du kannst den Text, der auf der Textmaske angezeigt wird, jederzeit bearbeiten. Mit der Eingabetaste auf deiner Tastatur kannst du die Anzahl der Zeilen erstellen, die du für den Text benötigst.
Um den Text einer Textmaske zu ändern:
- Wähle das Textmaskenelement im Editor aus.
- Klicke Text ändern.
- Gib unter Eigenen Text hinzufügen den Text ein.
![Screenshot des „Text ändern“-Panels, in dem du den Text eingibst, der angezeigt werden soll](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/19/e364c33f-fae2-4a74-8b7e-d41fddadcbb5/0ee85e51-8854-4b67-8864-bee47729edc7.png)
Tipp:
Steuere die Großschreibung des Textes im Inspektor-Panel. Du kannst zum Beispiel den gesamten Text in Groß- oder Kleinbuchstaben schreiben (siehe „Textmaskenelemente gestalten“ unten).
Ein Textmaskenelement gestalten
Im Inspektor-Panel kannst du das bestehende Design der Textmaske anpassen oder je nach deinen Bedürfnissen eine von Grund auf neu erstellen. Du kannst interessante Medien oder einen Farbverlauf hinzufügen, den Abstand zwischen Buchstaben und Reihen ändern und vieles mehr.
Um eine Textmaske zu gestalten:
- Wähle das Textmaskenelement im Editor aus.
- Klicke oben rechts im Editor auf den Pfeil Inspektor öffnen
.
- Scrolle nach unten zu Design.
- Wähle aus, wie du die Textmaske gestalten möchtest:
Eine Bild- oder Videofüllung festlegen
Lege einen Hintergrund mit Farbverlauf fest
Den Text formatieren und ausrichten
Die Groß- und Kleinschreibung ändern
War das hilfreich?
|