Studio Editor: Einklappbaren Text hinzufügen und anpassen
4 min
In diesem Artikel
- Einklappbaren Text hinzufügen
- Das Layout des einklappbaren Textes anpassen
- Den einklappbaren Text bearbeiten
- Das einklappbare Textfeld gestalten
Einklappbarer Text ist eine gute Option, wenn du viele Informationen anzeigen möchtest. Teile des Textes werden ausgeblendet und Besucher können den vollständigen Text anzeigen, indem sie auf einen Erweitern-Button oder einen Link zum vollständigen Text klicken.
Einklappbaren Text hinzufügen
Je nach Bedarf kannst du einklappbaren Text in verschiedenen Stilen zu der Seite hinzufügen. Einige Presets enthalten einen Button, der den Text auf der aktuellen Seite erweitert, andere zeigen einen Link an, der Besucher zu einer anderen Seite führt, um den gesamten Text zu lesen.
Um einklappbaren Text hinzuzufügen:
- Klicke auf der linken Seite des Editors auf Elemente hinzufügen
. - Klicke auf Text.
- Klicke auf Einklappbarer Text.
- Ziehe das gewünschte Textfeld auf die Seite.
Das Layout des einklappbaren Textes anpassen
Lege fest, wie Besucher den gesamten Text lesen können. Füge einen Button hinzu, der den Volltext auf der aktuellen Seite öffnet, oder einen Link, der die Besucher zum vollständigen Text weiterleitet.
Du kannst auch die Ausrichtung, den Abstand und die Anzahl der Zeilen festlegen, die angezeigt werden, bevor ein Besucher darauf klicken muss.
Um das Layout des Textes anzupassen:
- Klicke auf das einklappbare Textfeld.
- Klicke auf das Symbol für Layout
. - Passe das Layout mit den verfügbaren Optionen an:
- Wähle aus, wie der Text angezeigt werden soll: Wähle aus, wie der Text auf der Live-Website aussehen soll:
- Eingeklappt: Besucher sehen eine Textvorschau und müssen auf einen Button oder einen Link klicken, um den gesamten Text zu lesen. Du kannst das Design nach deinen Wünschen anpassen:
- Anzahl der angezeigten Zeilen: Lege fest, wie viele Textzeilen in der Vorschau angezeigt werden.
- Abstand zwischen Text und Button: Vergrößere oder verkleinere den Abstand zwischen der Textvorschau und dem Erweiterungsbutton/Link.
- Alle anzeigen: Der gesamte Text wird auf der Seite angezeigt und ist nicht eingeklappt.
- Eingeklappt: Besucher sehen eine Textvorschau und müssen auf einen Button oder einen Link klicken, um den gesamten Text zu lesen. Du kannst das Design nach deinen Wünschen anpassen:
- Richtung: Wähle aus, ob der Text von links nach rechts oder von rechts nach links gelesen wird.
- Ausrichtung: Richte den Text links, mittig oder rechts im Textfeld aus.
- Erweitert: Formatiere den/die Button/s und den Text individuell, indem du ihre Richtung und Ausrichtung auswählst.
- Wähle aus, wie der Text angezeigt werden soll: Wähle aus, wie der Text auf der Live-Website aussehen soll:
Den einklappbaren Text bearbeiten
Nachdem du ein einklappbares Textfeld hinzugefügt hast, klicke auf Text ändern, um den vollständigen Text einzugeben (bis zu 120.000 Zeichen) und die Einstellungen zu aktualisieren. Du kannst auch den Text der Erweitern/Link-Buttons nach deinen Wünschen bearbeiten.
Um den Text zu bearbeiten:
- Klicke auf das einklappbare Textfeld.
- Klicke Text ändern.
- Gib den vollständigen Text ein oder füge ihn unter Text ändern ein.
- Bestimme, was der Button bewirkt:
- Erweitern: Wenn du auf den Button klickst, wird das Textfeld auf der aktuellen Seite erweitert, um den gesamten Text anzuzeigen.
- Link: Wenn Besucher auf den Button klicken, werden sie zu einer anderen Seite mit dem Volltext weitergeleitet. Achte darauf, dass du unter Wohin verlinkt dieser Button? das Ziel auswählst.
- Gib den Text ein, der auf dem oder den Buttons angezeigt werden soll.
- Aktualisiere die Einstellungen des Textes:
- Barrierefreier Name: Gib einen kurzen, beschreibenden Titel ein, der die Textart und den Inhalt beschreibt.
- HTML-Tag auswählen: Wähle ein Überschriften-Tag aus, um den Texttyp für Suchmaschinen und unterstützende Technologien zu definieren.
Das einklappbare Textfeld gestalten
Gestalte das einklappbare Textfeld so, dass es der Ästhetik der Seite entspricht. Du kannst das Aussehen der Box selbst anpassen (z. B. die Hintergrundfarbe), den Text formatieren und den Button oder Link anpassen, der zum Volltext führt.
Um das einklappbare Textfeld zu gestalten:
- Klicke auf das einklappbare Textfeld.
- Klicke oben rechts im Editor auf den Pfeil „Inspektor öffnen“
. - Scrolle nach unten zu Design.
- Wähle eine Option unter Was möchtest du gestalten?:
- Text: Passe die Box an, die den Text enthält (z. B. Hintergrundfarbe, Ränder, Schatten) sowie den eigentlichen Text (Schriftart, Größe und mehr) anzeigen.
- Button: Passe den Link oder Button an, auf den Besucher klicken, um den Volltext anzuzeigen. Du kannst den Button für 3 verschiedene Status anpassen: Standard, Mouseover und Deaktiviert.
Hinweis:
Derzeit ist die Option zum Skalieren von Text für einklappbaren Text nicht verfügbar.
