header-logo
GrundlagenErfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Deine Website erstellenGestalte und verwalte deine Website mit Wix.
Konto und AbrechnungVerwalte Premiumpakete, Abos und Rechnungen
Wix Mobile AppsFühre dein Unternehmen und vernetze dich mit Mitgliedern.
DomainsKaufe, verknüpfe oder übertrage eine Domain.
Dein Unternehmen verwaltenStärke dein Unternehmen und deine Webpräsenz.
Werbung für deine WebsiteSteigere deine Sichtbarkeit mit SEO und Marketing.
Studio, Partner von Wix & EnterpriseNutze erweiterte Funktionen für mehr Effizienz.
Du benötigst weitere Hilfe?Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Wix LearnVerbessere deine Kenntnisse mit unseren Tutorials.
Wix BlogErhalte Tipps für Webdesign, Marketing und mehr.
SEO Learning HubErfahre, wie du den organischen Traffic steigerst.
Website developmentErstelle eine Website mit unserer Full-Stack-Plattform.
Engagiere einen ProfiFinde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Studio Editor: Textmasken hinzufügen und anpassen

6 Min.
In diesem Artikel
  • Ein Textmaskenelement hinzufügen
  • Den Text in einer Textmaske ändern
  • Ein Textmaskenelement gestalten
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. Dann sticht der Text auf der Seite viel deutlicher heraus.
Öffne unsere Wix Studio Academy, um weitere Webinare, Anleitungen und Kurse von Wix Studio anzusehen.

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:

  1. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  2. Klicke auf Text.
  3. Klicke auf Textmaske.
  4. Ziehe ein Textmasken-Design, 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. 
  5. Gib den Text ein, der auf diesem Element angezeigt werden soll:
    1. Klicke auf die Textmaske, die du gerade hinzugefügt hast.
    2. Klicke Text ändern.
    3. 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

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:

  1. Wähle das Textmaskenelement im Editor aus.
  2. Klicke Text ändern.
  3. Gib unter Eigenen Text hinzufügen den Text ein.
Screenshot des „Text ändern“-Panels, in dem du den Text eingibst, der angezeigt werden soll
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 vorhandene Design der Textmaske anpassen oder je nach Bedarf eine von Grund auf neu erstellen. Du kannst eine interessante Medien-/Farbverlaufsfüllung hinzufügen, den Abstand zwischen Buchstaben und Reihen ändern und vieles mehr.

Um eine Textmaske zu gestalten:

  1. Wähle das Textmaskenelement im Editor aus.
  2. Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen .
Screenshot, der zeigt, wie das Inspektor-Panel im Studio Editor geöffnet wird.
  1. Wähle unter Design aus, wie du die Textmaske gestalten möchtest: