widget: Text und Titel (Überschriften)

Der Text und der Titel widget bieten eine Vielzahl von Anpassungsoptionen, von denen die meisten über die Textsymbolleiste zugänglich sind. Mit dieser einfachen Bearbeitungsoberfläche können Sie die Schriftart, Farbe, Ausrichtung und den Stil Ihres Textes ganz einfach ändern. Mit der Textsymbolleiste können Sie schnell Anpassungen vornehmen, um wichtige Punkte hervorzuheben und Informationen auf Ihrer Website effektiv zu organisieren.

Es gibt drei Text-Widgets, die in der widget Bibliothek zu finden sind:

  • Text

  • H1 (Großer Titel)

  • H3 (Kleiner Titel)

Sobald ein Text-Widget zu einer Website hinzugefügt wurde, können Sie ganz einfach zwischen verschiedenen Textoptionen wechseln. Wenn Sie z. B. ein Text-Widget hinzufügen, dann aber entscheiden, dass es ein H2-Widget sein soll, können Sie diese Änderung direkt in der Textsymbolleiste vornehmen.

Die verfügbaren Texttypen sind: Absatz, H1, H2, H3, H4, H5 und H6.

Bearbeiten von Text (Absätze und Titel)

So bearbeiten Sie den Text auf Ihrer Website:

  1. Klicken Sie auf den Text, den Sie bearbeiten möchten, um den Bearbeitungsmodus zu öffnen.

  2. Wählen Sie den zu bearbeitenden Text aus, indem Sie diesen durch Klicken und Ziehen markieren.

    edit-text.png
  3. Verwenden Sie die Inline-Bearbeitungsoptionen in der Leiste über dem Text, um Textstile, -größen, Schriftarten, Ausrichtung, Verknüpfungen und vieles mehr zu bearbeiten. Weitere Informationen zur Textleiste finden Sie im Abschnitt Text tool Leiste in diesem Artikel.

Text tool Leiste

text-tool-bar.png

Nummer

Einstellungen/option Name

Beschreibung und Hinweise

1

KI-Assistent

Generieren Sie schnell Inhalte und arbeiten Sie effizienter mit dem KI-Assistenten. Weitere Informationen finden Sie unter KI-Assistent für den Text-Editor.

2

Basic Formatierungsoptionen

Markierten Text fett, kursiv formatieren und unterstreichen.

3

Weitere Formatierungsoptionen

Klicken Sie auf das horizontale Drei-Punkte-Symbol, um die folgenden Optionen zu finden, die Sie auf den ausgewählten Text anwenden können:

  • Zeichenabstand

  • Textschatten

  • Durchgestrichen

  • Nur Großbuchstaben

4

Textfarbe

Ändern Sie die Farbe des markierten Textes.

5

Formatierung löschen

Setzen Sie den ausgewählten Text auf das Format zurück, das im Design der Website festgelegt ist. Weitere Informationen zum Designtext finden Sie unter Website-Design.

6

Textart

Wählen Sie die Textart aus:

  • Text

  • Rubrik 1 (H1)

  • Rubrik 2 (H2)

  • Rubrik 3 (H3)

  • Rubrik 4 (H4)

  • Rubrik 5 (H5)

  • Rubrik 6 (H6)

Der gesamte Text wird in die ausgewählte Textsorte konvertiert.

Wenn der Stil des Textes manuell geändert wurde und Sie die Änderungen auf den Designtext anwenden möchten, verwenden Sie die Option Design aktualisieren am unteren Rand der Dropdown-Liste.

7

Typografie-Einstellungen

Ändern Sie die Schriftartenfamilie und die Textgröße für den ausgewählten Text.

Dadurch wird der Text vom Designtext getrennt. Um es wieder zu verbinden, klicken Sie auf das Symbol Formatierung löschen (Beschriftung als Nummer 5 sowohl in der Tabelle als auch im Screenshot).

8

Link-Text

Fügen Sie dem markierten Text einen Link hinzu. Weitere Informationen zur Linkauswahl finden Sie unter Linkauswahl.

9

Ausrichtung

Ändern Sie die Ausrichtung des gesamten Texts in der widget.

10

Zeilenhöhe

Ändern Sie die Zeilenhöhe des markierten Textes. Es stehen sowohl voreingestellte Optionen als auch benutzerdefinierte Optionen zur Verfügung

11

Optionen auflisten

Verwandeln Sie ausgewählten Text in eine nummerierte Liste oder Aufzählung. Verwenden Sie den Pfeil nach unten, um den Stil der Aufzählung zu ändern. Weitere Informationen zu Listen finden Sie unter Aufzählungs- und Nummernlisten.

12

Textrichtung

Ändern Sie die Wegbeschreibung des Textes.

13

Mit Daten verknüpfen

Verbinden Sie eine Textzeichenfolge mit Daten anstelle des vollständigen Text-Widgets.

14

Rückgängig und Wiederherstellen

-

15

Beenden des Bearbeitungsmodus

Klicken Sie auf das Häkchen, um den Bearbeitungsmodus für die widgetzu verlassen.

Aufzählungs- und Nummernlisten

Mit den Textwerkzeugen im Widget „Text“ können Sie Aufzählungen oder nummerierte Listen erstellen. Listen sind eine gute Möglichkeit zum Gruppieren von Inhalten, Eigenschaften oder Produkten, sodass Besucher Informationen schnell erfassen und miteinander vergleichen können.

So fügen Sie eine Aufzählung oder eine nummerierte Liste hinzu:

  1. Klicken Sie auf den Text, der als Liste angezeigt werden soll.

  2. Markieren Sie den Text und klicken Sie auf das Symbol Aufzählungsliste (bullet-list-icon.png) oder Zahlenliste (number-list-icon.png) in der Textsymbolleiste.

    • (Fakultativ) Wenn Sie einen anderen Aufzählungszeichenstil auswählen möchten, klicken Sie auf den Abwärtspfeil neben dem Symbol Aufzählungszeichen (bullet-list-options-arrow.png).

  3. Um verschachtelte Aufzählungszeichen und Listen zu erstellen, drücken Sie die Tab-Taste auf Ihrer Tastatur. Das Aufzählungszeichen oder die Nummer wird rechts eingerückt angezeigt.

    Sie können mehrere geschachtelte Aufzählungen und nummerierte Listen erstellen.

Designeditor

Die Designoptionen im Designeditor gelten für den widget selbst, z. B. das Hinzufügen eines Hintergrunds.

Um den Text innerhalb der widgetzu formatieren, verwenden Sie die Textsymbolleiste (siehe Abschnitt Text tool Leiste in diesem Artikel). Wenn das widget jedoch mit Daten verbunden ist, steht stattdessen der Text Einstellungen im Designeditor zur Verfügung. Beachten Sie, dass, wenn Sie den Text Einstellungen im Designeditor für datenverbundene widgetanpassen, diese Änderungen die Theme-Einstellungen der Website überschreiben und die Verbindung zum Theme unterbrechen. Daher wirken sich zukünftige Änderungen am Design nicht auf den Text in diesem widgetaus. Weitere Informationen finden Sie unter Designtext. Weitere Informationen zu verbundenen Daten finden Sie unter Übersicht über dynamische Inhalte.

Funktionen und Einschränkungen

  • Die Textgröße kann bis zu 500 px betragen.

  • Mehrere Textsorten können in einem einzelnen Textelement enthalten sein. Beispielsweise können Überschrift 2, Absatz und Überschrift 3 alle im selben Element verwendet werden. Der Text sollte sich in einer eigenen Zeile befinden, die durch Drücken der Eingabetaste getrennt wird.

  • Wenn eine Schriftart andere Gewichtungen anbietet, kann sie in der Liste Schriftart ausgewählt werden. Um die Stärke einer Schriftart auszuwählen, hover Sie über die Schriftart, um die verfügbaren Optionen für die Schriftart anzuzeigen (normal, fett).

    Schriftart-weights.png
  • Kopieren und Einfügen funktioniert extern und intern. Beim Einfügen sowohl von externen Speicherorten als auch innerhalb des Editors (intern) werden die Designtextstile und alle eingebundenen Formatvorlagen angewendet, die auf den Text im Editor angewendet wurden. Fett, Unterstrichen und Kursiv werden aus dem kopierten Text beibehalten.

  • Benutzerdefinierte Zeilenhöhe. Zusätzlich zu den vorhandenen Standardzeilenhöhen können Sie jetzt eine benutzerdefinierte Zeilenhöhe auswählen.

  • Geben Sie den Buchstaben Abstände an. Um den Buchstaben Abstände auszuwählen, klicken Sie im Inline-Texteditor auf das Symbol mit den drei Punkten , und wählen Sie eine der folgenden Optionen aus:

    • Auto

    • Schmal (-0,05)

    • Breit (0,2)

    • Benutzerdefiniert (zwischen -2 und 0,5, in Schritten von ,01)

  • Alles in Großbuchstaben. Um die Schriftart in Großbuchstaben zu ändern, klicken Sie auf das Symbol mit den drei Punkten im Inline-Texteditor und dann auf den Schalter Großbuchstaben .

  • Schatten. Wählen Sie die Farbe und Position aus.

  • Durchgestrichener Text.

  • Verbinden Sie Text mit Daten. Klicken Sie im eingebundenen Texteditor auf das Symbol für verbundene Daten .

  • Es gibt keine Option zum Hinzufügen einer Liste mit Überschriftentext.

  • Aufzählungen mit Elementen in einer Liste, die mehrere unterschiedliche Schriftgrößen haben, verwenden die Größe des Website-Themas.

HTML-Tags

Aufgrund der bewährten Methoden für HTML5 erlauben wir keine Aktualisierungen des HTML-Codes eines Textes mit einem nicht unterstützten Tag.

Wenn Sie einen bestimmten Stil zum Text hinzufügen möchten, empfehlen wir, dies über das CSS zu machen.

Die folgenden Tags werden im Entwicklermodus unterstützt: img, sub, sup, blockquote, code