Selbststarter

Text zu WordPress-Blocks

Fertigen Artikeltext einfügen und sauberen Gutenberg-Block-Code mit Inhaltsverzeichnis, Anker-Links und FAQ-Akkordeon erhalten.

Markiere den kompletten Artikeltext auf der Seite (Titel bis FAQ) und füge ihn hier ein.

FAQ-Darstellung

Native WordPress Details-Blöcke (Akkordeon zum Aufklappen).

Textausrichtung

Alle Blöcke werden explizit linksbündig ausgegeben (has-text-align-left).

0 Überschriften · 0 Absätze · 0 Listen · 0 FAQ-Einträge

  • Kein Inhalt eingefügt.

In WordPress: neuen Beitrag öffnen, im Block-Editor oben rechts auf die drei Punkte → „Code-Editor“ wechseln, Code einfügen, zurück zum visuellen Editor.

Das Wichtigste auf einen Blick

  • Fügt fertigen Artikeltext ein und erzeugt daraus Gutenberg-Block-Code zum direkten Einfügen.
  • Überschriften bekommen automatisch Anker-IDs, das Inhaltsverzeichnis verlinkt per Sprungmarke darauf.
  • Aufzählungen und nummerierte Listen werden als WordPress-Listen-Blöcke erkannt.
  • FAQ wird wahlweise als natives Details-Akkordeon oder als H3-Überschriften ausgegeben.
  • Läuft komplett im Browser – dein Text wird nicht hochgeladen.

Wer Inhalte aus einem Dokument, einer alten Seite oder einem anderen System in WordPress übernehmen will, kennt das Problem: Beim Einfügen in den Block-Editor entsteht oft ein Wust aus klassischen Absätzen, kaputten Listen und fehlenden Überschriften-Strukturen. Überschriften haben keine Anker, ein Inhaltsverzeichnis fehlt, und FAQ-Bereiche landen als simple Textblöcke statt als aufklappbare Elemente. Die Nacharbeit im Editor frisst dann mehr Zeit als das Schreiben selbst.

Dieses Tool nimmt dir genau diese Fleißarbeit ab. Du fügst den kompletten Artikeltext ein – von der Einleitung über die Abschnitte bis zum FAQ – und erhältst sofort fertigen Gutenberg-Block-Code. Überschriften werden zu echten Heading-Blöcken mit automatisch erzeugten Anker-IDs, das Inhaltsverzeichnis verlinkt per Sprungmarke auf jeden Abschnitt, Aufzählungen werden als Listen-Blöcke erkannt, und der FAQ-Bereich wird wahlweise als natives Details-Akkordeon oder als H3-Struktur ausgegeben.

Den erzeugten Code fügst du im WordPress-Block-Editor über den Code-Editor-Modus ein – fertig. Alles läuft direkt im Browser, dein Text wird nirgendwo hochgeladen. So baust du in Sekunden eine sauber strukturierte, SEO-freundliche Seite mit funktionierendem Inhaltsverzeichnis auf, statt jeden Block einzeln von Hand anzulegen.

Hintergrund & Anwendungen

Was das Tool erzeugt

  • Überschriften: Jeder Abschnitt wird zum wp:heading-Block mit automatisch generierter Anker-ID.
  • Inhaltsverzeichnis: Listen-Block mit Sprungmarken-Links, die exakt zu den Heading-IDs passen.
  • Listen: Aufzählungen und nummerierte Punkte werden als wp:list-Blöcke ausgegeben.
  • FAQ: Frage-Antwort-Paare als aufklappbares Details-Akkordeon oder als H3-Struktur.

Erwartete Textstruktur

  • Einleitung: Der Fließtext nach Titel und Datum landet als einleitende Absätze.
  • „Inhalt“: Leitet die Liste der Abschnitts-Überschriften (Inhaltsverzeichnis) ein.
  • Abschnitte: Jede Überschrift aus dem Inhaltsverzeichnis startet einen neuen Abschnitt im Text.
  • „Kontakt“ & „FAQ“: Werden als eigene Bereiche erkannt – Kontakt mit Adressblock, FAQ als Akkordeon.

Anker-Links verstehen

  • Sprungmarke: Ein Link wie #abschnitt-titel springt auf das Element mit passender id.
  • ID-Erzeugung: Akzente werden entfernt (ä→a, ß→ss), klein geschrieben, Leerzeichen zu Bindestrichen.
  • Konsistenz: TOC-Link und Heading-ID stammen aus derselben Funktion – sie passen immer zusammen.
  • Gutenberg-kompatibel: Die ID-Logik bildet das Verhalten des WordPress-Editors nach.

Häufig gestellte Fragen

Anleitung

  1. 1

    Text markieren & kopieren

    Markiere den kompletten Artikel auf der Quellseite – vom Titel bis zum letzten FAQ-Eintrag.

  2. 2

    Einfügen

    Füge den Text in das Eingabefeld ein. Der Block-Code wird sofort live erzeugt.

  3. 3

    FAQ-Darstellung wählen

    Entscheide, ob das FAQ als aufklappbares Akkordeon oder als H3-Überschriften erscheinen soll.

  4. 4

    Code in WordPress einfügen

    Im Block-Editor oben rechts über die drei Punkte in den Code-Editor wechseln und den Code einfügen.

Über Selbststarter

Selbststarter ist deine Sammlung kostenloser Online-Tools – aktuell Generatoren, bald auch Konverter und mehr. Alle Tools laufen im Browser, ohne Anmeldung, ohne Tracking.

  • #wordpress
  • #html
  • #webentwicklung
  • #seo
  • #content