Studio Editor: Textpartikel hinzufügen und anpassen
5 min
In diesem Artikel
- Textpartikel-Element hinzufügen und einrichten
- Das Textpartikel-Element gestalten
- Den Text formatieren
Verwende das Textpartikel-Element, um dynamische Überschriften zu erstellen. Textpartikel wurden für ausdrucksstarke Typografie entwickelt und ermöglichen es dir, verspielte oder auffällige Effekte hinzuzufügen, mit denen sich deine Kunden abheben – egal ob für Branding, Werbeaktionen oder interaktive Erlebnisse.
Textpartikel-Element hinzufügen und einrichten
Öffne das Panel „Elemente hinzufügen“, um Textpartikel zur Seite hinzuzufügen. Wähle ein Design, das dir gefällt, ziehe es auf die Arbeitsfläche und gib den Text ein, den du anzeigen möchtest.
Um Textpartikel hinzuzufügen und einzurichten:
- Klicke auf der linken Seite des Editors auf das Symbol für Elemente hinzufügen
. - Klicke auf Text.
- Klicke auf Textpartikel.
- Ziehe das gewünschte Textpartikel-Design auf die Seite.
Tipp: Fahre mit der Maus über die Designs, um die Animation in der Vorschau anzusehen. - Schreibe deinen Text:
- Klicke auf das Textpartikel-Element.
- Klicke auf Text ändern.
- Gib deinen Text ein.
Das Textpartikel-Element gestalten
Passe das Design und die Bewegung von Textpartikeln an die Marke, den Ton und die Animationsbedürfnisse deines Kunden an. Du hast die volle Kontrolle über Partikelgröße, Farben, Typografie, Geschwindigkeit, Richtung und viele weitere Einstellungen.
Um die Textpartikel zu gestalten:
- Wähle das Textpartikel-Element aus.
- Klicke auf das Symbol für Inspektor öffnen
oben rechts im Editor.
- Wähle den Animationsstil unter Design:
- Wähle den passenden Stil:
- Wave: Der Text wirbelt in einer wellenförmigen Bewegung.
- Reveal: Die Partikel fliegen horizontal, während sie den Text enthüllen.
- Swarm: Die Partikel „explodieren“ in einer chaotischen Bewegung nach außen und verteilen sich schnell, um den Text zu enthüllen.
- Wähle ein Muster für die Partikel aus dem Dropdown.
- Wähle den passenden Stil:
- Je nach gewähltem Stil kannst du die verfügbaren Einstellungen verwenden, um die Animation anzupassen:
Wave
Reveal
Swarm
Dein Design in der Vorschau ansehen:
Klicke auf den Button Abspielen 
im Inspektor-Panel, um deine Animation während der Arbeit zu sehen.
im Inspektor-Panel, um deine Animation während der Arbeit zu sehen.Den Text formatieren
Formatiere deinen Text, um das richtige Design zu erhalten. Passe Details wie Typografie-Stile, Zeichenabstand und Groß-/Kleinschreibung an, um Inhalte passend zum Branding zu erstellen.
Um den Text zu formatieren:
- Wähle das Text-Element aus.
- Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen .
- Scrolle im Abschnitt Design nach unten und klicke auf Text.
- Passe die verfügbaren Formateinstellungen an:
- Hefte dieses Textelement an einen bestehenden Typografie-Stil an.
- Ändere die Schriftart und Schriftgröße.
- Passe den horizontalen Zeichenabstand an.
- Mache den Text fett oder kursiv.
- Ändere die Groß-/Kleinschreibung (z. B. den Text in Kleinschreibung setzen).
- Lege das HTML-Tag fest (z. B. H2, div, P usw.).
Barrierefreiheit-Tipp:
Wenn dieses Textpartikel-Element rein dekorativ ist, also keine wichtigen Informationen für Screenreader enthält, wähle das Kontrollkästchen neben Dieser Text ist nur dekorativ.
