> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/texte-mit-dem-block-editor-auf-website-und-funnel-seiten-formatieren.md). # Texte mit dem Block-Editor auf Website- und Funnel-Seiten formatieren Formatiere einzelne Textelemente auf Website- und Funnel-Seiten gezielt mit Schrift, Hervorhebung, Hoch- oder Tiefstellung und Listen – und prüfe die Lesbarkeit vor der Veröffentlichung. ## Wofür der Block-Editor geeignet ist Der Block-Editor ist für kleine, gezielte Änderungen innerhalb eines einzelnen Textelements gedacht. Damit formatierst du zum Beispiel eine wichtige Aussage fett, passt die Schrift eines markierten Abschnitts an oder verwandelst mehrere Zeilen in eine übersichtliche Liste. Nutze ihn, wenn du Text direkt bearbeiten möchtest: * eine Überschrift oder einen Absatz korrigieren, * ein Wort oder einen kurzen Satz hervorheben, * eine Schrift für einen markierten Textbereich wählen, * Hoch- oder Tiefstellung für eine Formel, Abkürzung oder Fußnote verwenden, * eine geordnete oder ungeordnete Liste erstellen. Für einen umfassenden Umbau einer Seite oder eines ganzen Abschnitts ist der Block-Editor nicht die richtige Stelle. Nimm dort zunächst die Seitenstruktur und das gewünschte Textelement in den Blick, statt viele Einzelformatierungen zu stapeln. > **Wichtig:** Gute Formatierung macht einen Inhalt leichter lesbar. Sie ersetzt aber keine klare Reihenfolge, verständliche Überschriften und einen kurzen Text. ## Bevor du beginnst Prüfe vor der Bearbeitung: 1. **Richtige Seite:** Öffne die Website- oder Funnel-Seite, die tatsächlich geändert werden soll. 2. **Richtiges Textelement:** Klicke genau den Absatz oder die Überschrift an, nicht nur den umgebenden Bereich. 3. **Ziel der Änderung:** Entscheide vorab, ob du hervorheben, strukturieren oder einen einzelnen Fachbegriff lesbarer machen möchtest. 4. **Vorhandene Gestaltung:** Prüfe Schrift, Abstände und Listenstil in den umliegenden Bereichen, damit der neue Text dazu passt. 5. **Mobilansicht:** Plane eine spätere Prüfung auf kleinem Bildschirm ein, besonders bei längeren Überschriften oder Listen. ## Ein Textelement öffnen und bearbeiten 1. Öffne die gewünschte Seite im Seiteneditor. 2. Wähle ein bestehendes Textelement aus oder füge über **Elemente hinzufügen** ein Textelement ein. 3. Klicke in den Text und markiere genau den Bereich, den du verändern möchtest. 4. Wähle die gewünschte Option im Block-Editor. 5. Prüfe das Ergebnis direkt im Textelement. 6. Speichere die Änderung. 7. Prüfe die Seite in der Vorschau, bevor du sie veröffentlichst. Markiere nicht den ganzen Absatz, wenn nur ein Wort hervorgehoben werden soll. Das verhindert, dass versehentlich Schrift, Abstand oder Listenformat des gesamten Abschnitts verändert werden. ## Schrift und Hervorhebung bewusst einsetzen Für markierte Textbereiche kannst du eine Schrift auswählen und übliche Hervorhebungen verwenden. | Formatierung | Sinnvoller Einsatz | Worauf du achtest | | ----------------- | ----------------------------------------------------------------------- | ----------------------------------------------------------- | | **Fett** | Ein wichtiges Ergebnis, eine Frist oder ein klarer Handlungsauftrag. | Nicht mehrere ganze Absätze fett setzen. | | *Kursiv* | Eine kurze Einordnung, einen Fachbegriff oder eine dezente Betonung. | Nicht für lange Abschnitte verwenden. | | Schrift auswählen | Ein einzelnes gestalterisches Element, etwa eine besondere Überschrift. | Nicht viele verschiedene Schriften auf einer Seite mischen. | | Hochstellung | Exponenten, Kennzeichnungen oder kurze Fußnotenzeichen. | Auf Mobilgeräten auf ausreichend große Darstellung prüfen. | | Tiefstellung | Formeln oder technische Schreibweisen mit tiefer gesetzten Zeichen. | Nur einsetzen, wenn es dem Inhalt wirklich dient. | Eine hervorgehobene Aussage wirkt nur, wenn der umgebende Text ruhig bleibt. Setze pro Absatz höchstens ein bis zwei klare Akzente. ## Überschriften, Links und dynamische Angaben Die Werkzeugleiste bietet – zusätzlich zu Schrift und Hervorhebungen – weitere Optionen für den aktuell markierten Text. Wähle immer zuerst genau den Textteil aus, den du ändern möchtest. | Option | Was sie bewirkt | So nutzt du sie sinnvoll | | ---------------------- | ---------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Überschriftenstufe** | Das Auswahlfeld bietet die Stufen **H1** bis **H6**. | Verwende eine Stufe nur für eine echte Überschrift. Für normalen Fließtext bleibt die Textstufe aktiv. Eine klare Reihenfolge macht die Seite leichter lesbar. | | **Unterstreichen** | Hebt ausgewählten Text durch eine Linie hervor. | Nutze es sparsam, weil unterstrichener Text wie ein Link wirken kann. | | **Durchstreichen** | Kennzeichnet ausgewählten Text als nicht mehr gültig. | Setze es nur ein, wenn die frühere Information bewusst sichtbar bleiben soll. Sonst lösche oder ersetze sie klar. | | **Link** | Macht markierten Text anklickbar. | Prüfe nach dem Speichern in der Vorschau, ob der Link zum richtigen Ziel führt und verständlich benannt ist. | | **Dynamische Angaben** | Das zugehörige Menü bietet Werte nach Kategorien wie Konto, Termin, Kalender, Kontakt, Nachricht, Nutzer und Kampagne. | Nutze eine solche Angabe nur, wenn sie im geplanten Seitenkontext tatsächlich vorhanden ist. Prüfe die Vorschau mit passenden Testdaten, damit kein unvollständiger Text veröffentlicht wird. | Die im Editor sichtbaren unterstützenden Schreibfunktionen gehören nicht zu dieser Anleitung: Ihre Verfügbarkeit ist für den ONE LOOP Standort nicht bestätigt. Die hier beschriebenen manuellen Formatierungen funktionieren unabhängig davon. ## Hoch- und Tiefstellung verwenden Hoch- und Tiefstellung sind Formatierungen innerhalb einer Textzeile. Du markierst zuerst das gewünschte Zeichen oder die Zeichenfolge und wählst dann die passende Option im Editor. Typische Beispiele: * Hochstellung für eine kleine Kennzeichnung hinter einem Begriff, * Tiefstellung für eine Formel oder einen Index, * beides nur für sehr kurze Textteile. Prüfe anschließend, ob die Zeichen trotz ihrer kleineren Darstellung noch gut lesbar sind. Wenn die Information wichtig ist, erkläre sie zusätzlich im normalen Text statt sie nur über eine kleine Kennzeichnung zu vermitteln. ## Listen für schnelle Orientierung erstellen Listen eignen sich für gleichartige Punkte, kurze Schritte oder Voraussetzungen. Der Block-Editor bietet dafür eigene Optionen. ### Ungeordnete Listen Diese Liste verwendest du, wenn die Reihenfolge der Punkte nicht entscheidend ist. Verfügbare Zeichen sind: * Punkt **●** * Kreis **○** * Quadrat **■** Wähle einen Stil und bleibe innerhalb einer Liste dabei. Eigene Symbole sind weiter möglich, wenn sie zur Gestaltung der Seite passen. Verwende sie aber sparsam: Ein Symbol darf den Inhalt unterstützen, nicht von ihm ablenken. ### Geordnete Listen Diese Liste verwendest du, wenn eine Reihenfolge eingehalten werden muss, etwa bei einer Anleitung. Verfügbare Varianten sind: * Kleinbuchstaben: **a, b, c** * Großbuchstaben: **A, B, C** * Kleine römische Zahlen: **i, ii, iii** * Große römische Zahlen: **I, II, III** Für Arbeitsschritte ist eine einfache Nummerierung meist am verständlichsten. Alphabetische oder römische Varianten eignen sich eher für Unterpunkte, rechtliche Gliederungen oder feste Reihenfolgen, die bereits in einem anderen Dokument so aufgebaut sind. ## Listen Schritt für Schritt anlegen 1. Schreibe oder markiere die Zeilen, die zusammengehören. 2. Wähle im Block-Editor **Liste**. 3. Entscheide dich für **ungeordnet**, wenn die Reihenfolge egal ist, oder **geordnet**, wenn die Schritte nacheinander erfolgen. 4. Wähle den passenden Listenstil. 5. Prüfe Einzüge, Zeilenumbrüche und die Abstände zwischen den Punkten. 6. Lies die Liste anschließend von oben nach unten: Jeder Punkt sollte ohne den vorherigen Punkt verständlich bleiben. Wenn ein Listenpunkt mehrere Sätze braucht, ist oft ein eigener Zwischenabschnitt mit Überschrift verständlicher als eine sehr lange Liste. ## Den richtigen Umfang der Änderung wählen Der Block-Editor ist besonders stark bei einer einzelnen, manuellen Textkorrektur. Er ist nicht dafür gedacht, den Aufbau einer ganzen Seite durch viele verschiedene Textstile zu ersetzen. Nutze daher diese einfache Entscheidung: | Wenn du ändern möchtest … | Passender erster Schritt | | ------------------------------------------- | ------------------------------------------------------------------------------- | | ein Wort, einen Satz oder eine kurze Liste | Text markieren und im Block-Editor formatieren | | die Reihenfolge oder Aussage eines Absatzes | Text erst inhaltlich überarbeiten, dann nur die nötige Formatierung setzen | | mehrere Bereiche einer Seite | Seitenstruktur und einzelne Textelemente nacheinander prüfen | | das Erscheinungsbild einer ganzen Seite | Gestaltung und Seiteneinstellungen prüfen, nicht jede Zeile einzeln formatieren | So bleibt die Seite wartbar: Eine spätere Person versteht schneller, warum ein Abschnitt so aussieht. ## Test vor der Veröffentlichung Prüfe nicht nur die Bearbeitungsansicht. Teste die tatsächliche Darstellung: 1. Speichere die Seite. 2. Öffne die Vorschau. 3. Lies Überschrift, Absätze und Listen einmal vollständig. 4. Prüfe Zeilenumbrüche und Einzüge auf dem Desktop. 5. Wechsle zur Mobilansicht und prüfe besonders lange Überschriften, kleine hoch- oder tiefgestellte Zeichen sowie Listen. 6. Veröffentliche die Seite erst, wenn Text und Gestaltung in beiden Ansichten ruhig und lesbar wirken. 7. Öffne nach der Veröffentlichung die öffentliche Seite und kontrolliere die Änderung noch einmal. ## Praxisbeispiel: Vorteile übersichtlich darstellen Eine Informationsseite enthält drei gleich wichtige Vorteile. Das Team möchte den Abschnitt lesbarer machen. 1. Es markiert die drei Aussagen und erstellt eine ungeordnete Liste. 2. Es wählt für alle Punkte den gleichen Punktstil. 3. In jedem Punkt hebt es nur ein zentrales Wort fett hervor. 4. Eine längere Erklärung verschiebt es unter die Liste in einen normalen Absatz. 5. Das Team prüft die Darstellung in der Vorschau und auf dem Mobilgerät. 6. Erst danach veröffentlicht es die Seite. Das Ergebnis ist übersichtlich, ohne dass verschiedene Schriften oder Symbole vom Inhalt ablenken. ## Häufige Probleme und ihre Lösung ### Die Formatierungsoption erscheint nicht Klicke direkt in das Textelement und markiere den gewünschten Textbereich. Wurde nur ein umgebender Abschnitt ausgewählt, erscheinen möglicherweise nicht die Optionen für die Bearbeitung innerhalb des Textes. ### Die ganze Zeile hat sich verändert Wahrscheinlich war ein zu großer Textbereich markiert. Widerrufe die Änderung, markiere nur das gewünschte Wort oder den kurzen Satz und formatiere erneut. ### Die Liste wirkt auf Mobilgeräten unruhig Prüfe lange Zeilen, große Einzüge und unterschiedliche Zeichen. Kürze die Punkte, verwende einen einheitlichen Stil und teile sehr lange Listen in kleinere Abschnitte. ### Hoch- oder Tiefstellung ist kaum lesbar Verwende diese Formatierung nur für kurze Zeichenfolgen. Ist der Inhalt wichtig, schreibe die Erklärung zusätzlich normal aus. ### Die Seite sieht nach der Veröffentlichung anders aus als im Editor Öffne zuerst die Vorschau und prüfe danach die veröffentlichte Seite. Kontrolliere Schrift, Zeilenumbrüche, Einzüge und die Mobilansicht. Korrigiere jeweils nur eine Formatierung und prüfe erneut. ## Klare Grenze dieser Anleitung Diese Anleitung erklärt die manuelle Textformatierung innerhalb einzelner Textelemente. Sie ersetzt keine inhaltliche Prüfung, keine vollständige Seitenkonzeption und keine Prüfung auf rechtliche Anforderungen an veröffentlichte Inhalte. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/texte-mit-dem-block-editor-auf-website-und-funnel-seiten-formatieren.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.