Studio Editor: Text hinzufügen und anpassen

7 Min. Lesezeit
Mit dem Studio Editor kannst du ganz einfach Text hinzufügen, der auf jedem Bildschirm gut aussieht. Es gibt verschiedene Arten von Textelementen, die du für deine Inhalte verwenden kannst, alle vollständig anpassbar und bereits responsiv.
Ein Beispiel für mehrere verschiedene Textelemente auf einer Live-Website
In diesem Artikel erfährst du mehr über folgende Themen:

Text hinzufügen

Füge neue Textelemente aus dem „Elemente hinzufügen“-Panel auf der linken Seite des Studio Editors hinzu. Es gibt verschiedene Arten von Elementen, die du hinzufügen kannst, je nachdem, welchen Inhalt du anzeigen möchtest.

Um Text hinzuzufügen:

  1. Klicke links im Editor auf Elemente hinzufügen .
  2. Klicke auf Text.
  3. Ziehe ein Textelement auf deine Seite:
    • Textvorlagen: Dies sind Titel und Absätze, die zum Design deiner Website passen, wie es im Panel Website-Stile  definiert ist.
    • Aufklappbarer Text: Diese Elemente eignen sich hervorragend für lange Texte, wobei ein Teil des Textes ausgeblendet ist, sodass er leichter zu lesen ist. Du kannst auswählen, ob Besucher entweder auf einen Link klicken, um den Volltext anzuzeigen, oder auf einen Button, um ihn auf der aktuellen Seite zu erweitern.
    • Lauftext: Steigere die Interaktion der Nutzer mit diesem laufenden Textelement. Es zieht sofort Aufmerksamkeit auf sich, präsentiert Inhalte dynamisch und erfordert keine Programmierkenntnisse.
    • Textmaske: Diese Elemente sind perfekt für kurze Textabschnitte, die auffallen sollen. Der Hintergrund (Füllung) deines Textes ist entweder ein Bild, ein Video oder ein Farbverlauf, sodass er viel auffälliger ist und Aufmerksamkeit erregt.
  4. Klicke auf Text bearbeiten und gib deinen Text ein.
Der Text-Tab des „Elemente hinzufügen“-Panels wurde im Editor geöffnet. Der Cursor klickt auf eine Textvorlage, um sie hinzuzufügen
Rechtschreibprüfung:
Der Studio Editor verwendet die Rechtschreibprüfung deines Browsers, wenn du einer Website Text hinzufügst. Du musst dies nicht aktivieren; gib einfach Text in ein Textelement ein, um es in Aktion zu sehen. Wenn die Rechtschreibprüfung nicht funktioniert, stelle sicher, dass sie in deinem Browser aktiviert ist.

Text gestalten und formatieren

Das Formatieren des Texts hilft dir, ihn zu organisieren und damit deine Kommunikation zu verbessern. Richte deinen Text aus und füge Aufzählungszeichen oder Nummerierungen hinzu. Stelle den Text fett oder kursiv dar oder unterstreiche ihn, damit er hervorsticht. Du kannst deinen Text je nach Breakpoint unterschiedlich formatieren und gestalten, damit er für jeden Bildschirm ideal aussieht.

Um deinen Text zu formatieren:

  1. Wähle das entsprechende Textelement im Editor aus. Tipp: Halte die Umschalttaste auf deiner Tastatur gedrückt, um mehrere Textelemente gleichzeitig zu formatieren.
  2. Klicke auf Text bearbeiten.
  3. (Im Inspektor) Formatiere deinen Text mit den verfügbaren Tools:
Verlinke den Text:
Wähle ein Textelement und klicke auf das Link-Symbol . Du kannst Besucher auf andere Teile der Website, eine externe Webadresse, eine Telefonnummer oder eine E-Mail umleiten. Verlinkter Text kann sogar eine Lightbox aufrufen, ein Pop-up-Fenster, das du für jeden Zweck anpassen kannst.
Screenshot eines Textelements und der Designoptionen im Inspektor-Panel

Die Farbe der Aufzählungszeichen oder der Nummerierung ändern

Gestalte deine Listen interessanter, indem du eine Farbe für den Text und eine andere Farbe für die Aufzählungszeichen oder die Nummerierung wählst.

Um die Farbe deiner Aufzählungszeichen oder Nummerierung zu ändern:

  1. Wähle das entsprechende Textelement im Editor aus.
  2. Klicke auf Text bearbeiten.
  3. Wähle eine Farbe für deine Aufzählungszeichen oder Zahlen aus:
    1. Markiere den gesamten Text im Textfeld (einschließlich aller Aufzählungszeichen oder Zahlen).
    2. Wähle die gewünschte Farbe aus.
      Hinweis: An dieser Stelle ändert sich der gesamte Text in die ausgewählte Farbe.
  4. Wähle eine andere Farbe für den Text:
    1. Markiere den entsprechenden Text (ohne Aufzählungszeichen/Nummerierung).
    2. Wähle die gewünschte Farbe aus.
      Hinweis: Der Text ändert sich in die neue Farbe, aber die Aufzählungszeichen und Zahlen behalten die Farbe, die du in Schritt 3 ausgewählt hast.

War das hilfreich?

|