Tutorial

Wie man in WordPress einen Zeilenumbruch einfügt [2025 Easy Guide]

Melden

Hier ist ein aktuelles Tutorial für das Jahr 2025, wie du in WordPress Zeilenumbrüche und Abstände professionell verwaltest.

In WordPress kann der Unterschied zwischen einem neuen Absatz und einer einfachen neuen Zeile manchmal verwirrend sein. In diesem Guide lernst du die schnellsten und effektivsten Methoden, um dein Textlayout perfekt zu gestalten.

1. Der wichtigste Shortcut: Zeilenumbruch vs. Absatz

In WordPress (sowohl im Block-Editor als auch im Classic Editor) verhält sich die Eingabetaste unterschiedlich:

  • Neuer Absatz (Großer Abstand): Drücke einfach die Eingabetaste (Enter). WordPress erstellt einen neuen Textblock mit einem Standardabstand nach unten.
  • Einfacher Zeilenumbruch (Kleiner Abstand): Halte die Umschalt-Taste (Shift) gedrückt und drücke dann die Eingabetaste (Enter).
    • Shortcut: Shift + Enter

Dies ist die gängigste Methode, um Texte kompakter zu schreiben, zum Beispiel bei Adressen oder Gedichten.

2. Den Abstandhalter-Block verwenden (Gutenberg Editor)

Wenn du nicht nur eine neue Zeile, sondern gezielt mehr Weißraum zwischen zwei Elementen (z. B. zwischen einem Bild und Text) schaffen möchtest, ist der Abstandhalter-Block (Spacer) die beste Wahl für 2025.

  1. Klicke auf das (+)-Icon, um einen neuen Block hinzuzufügen.
  2. Suche nach „Abstandhalter“.
  3. Du kannst den blauen Punkt am unteren Rand des Blocks ziehen, um die Höhe des Abstands (in Pixeln) genau einzustellen.

3. Zeilenumbrüche per HTML einfügen

Manchmal möchtest du die volle Kontrolle im Code-Editor haben. Das ist nützlich, wenn du innerhalb von HTML-Widgets arbeitest.

  1. Wähle den Block aus, in dem du arbeitest.
  2. Klicke auf die drei vertikalen Punkte (Optionen) in der Toolbar des Blocks.
  3. Wähle „Als HTML bearbeiten“.
  4. Füge an der gewünschten Stelle das Tag <br> ein.
    • Beispiel: Erste Zeile<br>Zweite Zeile
  5. Klicke wieder auf „Visuell bearbeiten“, um das Ergebnis zu sehen.

4. Blockspezifische Abstände (Margin & Padding)

Im Jahr 2025 bietet der WordPress Block-Editor (Gutenberg) erweiterte Design-Tools direkt in der Seitenleiste an. Dies ist der sauberste Weg, um Abstände zu regeln, ohne leere Zeilen einzufügen.

  1. Klicke auf einen beliebigen Block (z. B. einen Absatz oder eine Überschrift).
  2. Gehe in der rechten Seitenleiste auf den Reiter Stile (das Kreis-Symbol/Halbmond).
  3. Suche nach Dimensionen.
  4. Hier kannst du den Außenabstand (Margin) oder Innenabstand (Padding) präzise definieren. Dies verhindert, dass du mehrmals „Enter“ drücken musst, um Platz zu schaffen.

5. Tipps für ein besseres Layout

  • Vermeide „leere“ Absätze: Drücke nicht mehrmals hintereinander die Enter-Taste, um Platz zu schaffen. Das kann in der mobilen Ansicht zu unschönen Lücken führen. Nutze stattdessen den Abstandhalter-Block.
  • Blocksatz & Umbrüche: Wenn du möchtest, dass ein Wort nicht am Zeilenende getrennt wird, kannst du ein „geschütztes Leerzeichen“ nutzen (HTML: &nbsp;).
  • Mobile Ansicht prüfen: Überprüfe deine Zeilenumbrüche immer in der mobilen Vorschau von WordPress, da ein Zeilenumbruch am Desktop auf dem Smartphone oft mitten im Satz landen kann.

Zusammenfassung

  • Shift + Enter: Für eine neue Zeile ohne Abstand.
  • Enter: Für einen neuen Absatz.
  • Abstandhalter-Block: Für gezieltes Design und Weißraum.
  • <br>: Für manuellen HTML-Eingriff.

Mit diesen Techniken sieht dein WordPress-Content im Jahr 2025 sauber und professionell aus!

0