Wie man den Zeilenabstand von Text in WordPress ändert

Die Anpassung des Zeilenabstands (auch als Zeilenhöhe bezeichnet) von Text in WordPress kann die Lesbarkeit und die Designästhetik Ihrer Website verbessern. Sie können den Zeilenabstand mit verschiedenen Methoden ändern, je nachdem, ob Sie den Block-Editor (Gutenberg), die integrierten Anpassungsoptionen eines Themes oder benutzerdefinierte CSS hinzufügen.

Hier erfahren Sie, wie Sie den Zeilenabstand von Text in WordPress ändern können:

Methode 1: Verwendung des Block-Editors (Gutenberg)

Im Gutenberg-Blockeditor ermöglichen einige Blöcke, wie der Absatz- oder Überschriftenblock, grundlegende Anpassungen der Texteinstellungen, einschließlich des Zeilenabstands.

Schritt 1: Öffnen Sie den Blockeditor

1. Melden Sie sich in Ihrem WordPress-Dashboard an.
2. Navigieren Sie zu Beiträge > Neu hinzufügen oder Seiten > Neu hinzufügen (oder bearbeiten Sie einen bestehenden Beitrag/Seite).

Schritt 2: Wählen Sie den Textblock

1. Klicken Sie auf den Absatz- oder Überschriftenblock, der den Text enthält, für den Sie den Zeilenabstand anpassen möchten.

Schritt 3: Blockeinstellungen verwenden

1. Klicken Sie in der rechten Einstellungsleiste auf die Registerkarte Block.
2. Suchen Sie nach einer Option namens Zeilenhöhe (Hinweis: Diese Option ist möglicherweise nur in bestimmten Themen oder Blöcken verfügbar).
3. Passen Sie die Zeilenhöhe an, indem Sie den Wert erhöhen oder verringern (für die meisten Texte ist eine Zahl zwischen 1 und 2 typisch).

Schritt 4: Änderungen speichern

1. Nachdem Sie die Zeilenhöhe angepasst haben, sehen Sie sich den Beitrag oder die Seite in der Vorschau an, um sicherzustellen, dass der Text so aussieht, wie Sie es wünschen.
2. Klicken Sie auf Veröffentlichen oder Aktualisieren, um Ihre Änderungen zu speichern.

Methode 2: Verwendung des WordPress Customizers (für Themes mit Typografieoptionen)

Einige WordPress-Themes bieten Optionen zur Anpassung der Typografie, mit denen Sie die Zeilenabstände für die gesamte Website anpassen können, ohne dass benutzerdefiniertes CSS erforderlich ist.

Schritt 1: Gehen Sie zum WordPress Customizer

1. Navigieren Sie im Dashboard zu Erscheinungsbild > Anpassen.

Schritt 2: Suchen Sie die Typografie-Einstellungen

1. Suchen Sie im Customizer nach dem Abschnitt Typografie oder Erscheinungsbild. (Hinweis: Die genaue Position dieser Einstellungen hängt von Ihrem Thema ab.)
2. Suchen Sie nach einer Option zur Steuerung der Zeilenhöhe oder des Textabstands.

Schritt 3: Anpassen des Zeilenabstands

1. Verwenden Sie die Schieberegler oder Zahleneingaben, um die Zeilenhöhe für bestimmte Textelemente (z. B. Fließtext, Überschriften) anzupassen.
2. Zeigen Sie die Änderungen in der Vorschau an, um zu sehen, wie der Text auf verschiedenen Geräten aussieht.

Schritt 4: Speichern Sie Ihre Änderungen

1. Wenn Sie mit den Abständen zufrieden sind, klicken Sie auf Veröffentlichen, um die Änderungen für die gesamte Website zu übernehmen.

Methode 3: Benutzerdefiniertes CSS verwenden

Wenn Sie mehr Kontrolle über den Zeilenabstand haben möchten oder Ihr Theme oder Editor keine Option zur Anpassung der Zeilenhöhe bietet, können Sie benutzerdefinierte CSS hinzufügen, um die Höhe zu ändern.

Schritt 1: Benutzerdefiniertes CSS hinzufügen

1. Gehen Sie im WordPress-Dashboard zu Erscheinungsbild > Anpassen.
2. Klicken Sie auf die Registerkarte Zusätzliches CSS.

Schritt 2: Fügen Sie den CSS-Code ein

Fügen Sie den folgenden CSS-Code ein, um alle Absätze auf der gesamten Website zu kennzeichnen:

Um Überschriften (z. B. H1, H2) zu markieren, verwenden Sie:

Sie können auch bestimmte Blöcke mit Hilfe ihrer CSS-Klasse oder ID ansprechen. Zum Beispiel:

Schritt 3: Speichern und veröffentlichen

1. Nachdem Sie das benutzerdefinierte CSS hinzugefügt haben, prüfen Sie die Änderungen in der Vorschau, um sicherzustellen, dass der Zeilenabstand korrekt aussieht.
2. Klicken Sie auf Veröffentlichen, um Ihre Änderungen zu speichern.

Methode 4: Verwendung eines Plugins

Wenn Sie nicht mit benutzerdefiniertem CSS arbeiten möchten, können Sie ein Plugin verwenden, um Typografie und Zeilenabstände einfach zu verwalten.

Beliebte Plugins:

• Advanced Editor Tools (ehemals TinyMCE Advanced): Dieses Plugin erweitert den Standard-WordPress-Editor und bietet mehr Optionen für die Formatierung, einschließlich der Kontrolle des Zeilenabstands.
• WP Typography: Dieses Plugin fügt erweiterte Typografie-Funktionen hinzu, einschließlich Zeilenhöhe, Textausrichtung und mehr.

Schritte:

1. Gehen Sie zu Plugins > Neu hinzufügen.
2. Suchen Sie nach dem Plugin (z. B. “Advanced Editor Tools”) und klicken Sie auf Installieren und Aktivieren.
3. Nach der Aktivierung sind die Plugin-Einstellungen unter Einstellungen oder in der Symbolleiste des Editors verfügbar.
4. Verwenden Sie die Schnittstelle des Plugins, um die Zeilenabstände nach Bedarf anzupassen.

Schlussfolgerung

Das Ändern des Zeilenabstands in WordPress kann die Lesbarkeit verbessern und das Gesamtbild Ihrer Website optimieren. Je nach Theme können Sie den Zeilenabstand über die integrierten Optionen des Blockeditors, den Theme-Customizer oder benutzerdefinierte CSS anpassen. Wenn Sie nach einer einfacheren, nicht-codierten Lösung suchen, bieten Plugins wie Advanced Editor Tools ebenfalls eine gute Möglichkeit, die Typografie zu verwalten. Wählen Sie die Methode, die für Sie am besten geeignet ist, und passen Sie Ihren Text an, um die gewünschten Abstände zu erreichen.