Free cookie consent management tool by TermsFeed Wie Sie die Schriftgröße in WordPress einfach ändern können - DrDomains Blog

Wie Sie die Schriftgröße in WordPress einfach ändern können

Möchten Sie die Schriftgröße in Ihren WordPress-Beiträgen oder -Seiten ändern? Manchmal möchten Sie vielleicht eine Zeile oder einen Absatz größer machen, oder Sie möchten die Schriftgröße Ihres gesamten Seiteninhalts erhöhen. In diesem Artikel zeigen wir Ihnen, wie Sie die Schriftgröße in WordPress ganz einfach ändern können.

Sie erfahren nicht nur, wie Sie die Schriftgröße in Ihren WordPress-Beiträgen ändern können, sondern auch, wie Sie dies auf Ihrer gesamten Website tun können.

Methode 1: Absatzüberschriften verwenden

Ihre Besucher brauchen nur ein paar Sekunden, um zu entscheiden, ob sie auf Ihrer Website bleiben oder sie verlassen wollen.

Sie haben also nur sehr wenig Zeit, um sie zu überzeugen, auf Ihrer Website zu bleiben. Die Verwendung von Überschriften in Ihren Inhalten ist eine großartige Möglichkeit, die Aufmerksamkeit der Besucher zu wecken. Sie ermöglichen es Ihnen, Ihre Beiträge und Seiten mit Hilfe verschiedener Überschriften (oft "Zwischenüberschriften" genannt) in Abschnitte zu unterteilen.

Überschriften sind auch gut für SEO. Suchmaschinen geben richtigen Überschriften mehr Gewicht als normalem Absatztext.

So fügen Sie eine Überschrift im Standard-Blockeditor von WordPress hinzu

Sie können eine Überschrift zu Ihren Beiträgen oder Seiten hinzufügen, indem Sie einfach den Block "Überschrift" hinzufügen. Adding a heading block in Gutenberg Der Block ist standardmäßig auf Überschrift 2 eingestellt. Normalerweise ist es sinnvoll, die Überschrift 2 für Ihre Zwischenüberschriften zu verwenden. Wenn Sie dies ändern möchten, können Sie einfach auf das Dropdown-Menü "H2" klicken, um eine andere Größe auszuwählen.

Selecting your Heading size in the block editor Alternativ können Sie dies auch in den Blockeinstellungen auf der rechten Seite des Bildschirms ändern.

Dort können Sie auch die Farbe der Überschrift ändern. Markieren Sie einfach den Text, den Sie in eine Überschrift umwandeln möchten, klicken Sie auf das Dropdown-Menü "Absatz" und wählen Sie die Größe der Überschrift aus.

Creating a heading by clicking on the Paragraph drop-down in the classic editor Die Größen und Farben der verschiedenen Überschriftenstile werden über das Stylesheet Ihres Themas (style.css) gesteuert. Die Verwendung von Zwischenüberschriften in Ihren Artikeln macht es den Lesern leichter, dem Inhalt zu folgen.

Methode 2: Ändern der Größe des Textes im Block-Editor

Was, wenn Sie einen Absatz oder sogar Ihren ganzen Beitrag in einer größeren Schrift haben möchten?

Sie können dies ganz einfach mit dem Standard-Block-Editor von WordPress tun. Klicken Sie einfach auf einen beliebigen Absatzblock und wählen Sie dann die Schriftgröße unter "Texteinstellungen" auf der rechten Seite.

Changing the text size of a paragraph block Sie können aus der Dropdown-Liste wählen, die die Schriftgrößen Klein, Normal, Mittel, Groß und Riesig umfasst.

Wenn Sie Ihre Meinung ändern, klicken Sie einfach auf die Schaltfläche "Zurücksetzen", um den Absatz wieder auf den Standardtext zu setzen. Es gibt auch eine Option "Benutzerdefiniert", bei der Sie einfach die gewünschte Pixelgröße eingeben können. Wenn Sie möchten, können Sie auch ein großes Drop Cap am Anfang Ihres Absatzes einrichten.

Diese Optionen sind im älteren klassischen Editor für WordPress nicht verfügbar. Wenn Sie sie nutzen möchten, sollten Sie über einen Wechsel nachdenken. Wenn Sie entschlossen sind, beim klassischen Editor zu bleiben, dann ist diese nächste Option für Sie.

Methode 3: Ändern der Schriftgröße mit dem TinyMCE Advanced Plugin

TinyMCE Advanced ist ein WordPress-Plugin, das Ihnen mehr Kontrolle über Schriftgrößen und Textformatierung sowie eine Reihe anderer Funktionen bietet.

Dies ist besonders nützlich für den älteren klassischen Editor, funktioniert aber auch mit dem Block-Editor. Es fügt einen neuen Block namens "Classic Paragraph" hinzu, der alle TinyMCE-Steuerelemente enthält.

Um es zu verwenden, müssen Sie zuerst das TinyMCE Advanced Plugin installieren und aktivieren. Als nächstes gehen Sie zu Einstellungen " TinyMCE Advanced, um die Editoreinstellungen zu konfigurieren

Hier können Sie die Schaltflächen einrichten, die Sie in der TinyMCE Advanced-Symbolleiste verwenden möchten. Wenn Sie es mit dem Classic-Editor verwenden, dann sollten Sie sehen, dass TinyMCE das Dropdown "Schriftgröße" in der zweiten Reihe der Symbole standardmäßig aktiviert hat. Sie können es in die erste Reihe verschieben, indem Sie es nach oben ziehen, wenn Sie möchten.

The font sizes drop-down button on the TinyMCE Advanced menu for the classic editor Wenn Sie den Block-Editor verwenden, müssen Sie auf dem Bildschirm nach unten scrollen und das Dropdown-Menü "Schriftgrößen" durch Ziehen und Ablegen in die Symbolleiste einfügen: Adding the font sizes button to the TinyMCE Advanced block toolbar Stellen Sie sicher, dass Sie unten auf dem Bildschirm auf "Änderungen speichern" klicken. Um die Schaltfläche in Aktion zu sehen, erstellen Sie einen neuen Beitrag oder bearbeiten Sie einen vorhandenen Beitrag. Im Block-Editor haben Sie nun die Möglichkeit, einen "Classic Paragraph"-Block hinzuzufügen.

Er enthält die TinyMCE Advanced-Steuerelemente, etwa so: The Classic Paragraph block in the block editor, added by the TinyMCE Advanced plugin Im klassischen Editor sehen Sie die TinyMCE Advanced-Symbolleisten mit einem Schriftgrößen-Dropdown: Changing the font size using the TinyMCE Advanced editor Sie können eine beliebige Schriftgröße aus dem Dropdown-Menü auswählen. Hinweis: Dies bietet Ihnen nicht so viele Optionen wie der WordPress-Block-Editor, und Sie können keine eigene Schriftgröße eingeben.

Methode 4: Ändern der seitenweiten Schriftgröße mit CSS

Wenn Sie die Schriftgröße jedes Mal ändern, wenn Sie einen Beitrag bearbeiten, möchten Sie es vielleicht einfacher machen, indem Sie sie dauerhaft in Ihrem Theme ändern.

Die gute Nachricht ist, dass Sie die Standard-Absatzgröße für Ihre gesamte Website ändern können. Einige WordPress-Themes verfügen über eine Option, mit der Sie die Schriftgröße ändern können. Wenn Sie diese Option finden, dann können Sie sie verwenden, ohne CSS-Code zu schreiben.

Klicken Sie einfach auf die Option "Zusätzliches CSS" im Theme-Customizer. Hier können Sie Ihren gesamten benutzerdefinierten CSS-Code speichern.

Using the Customizer to add CSS code to your site Fügen Sie nun unter dem zusätzlichen CSS-Textfeld einfach Ihren CSS-Code ein. In diesem Beispiel ändern wir die Schriftgröße auf '16px', Sie können eine andere Schriftgröße wählen.

p { font-size:16px } 

Sie sehen die Änderungen sofort in der Vorschau auf der rechten Seite des Bildschirms.

Wenn Sie mit der Schriftgröße zufrieden sind, klicken Sie auf die Schaltfläche "Veröffentlichen" am oberen Rand des Bildschirms, um sie zu aktivieren. Hinweis: Ihr benutzerdefiniertes CSS wird nur auf das von Ihnen verwendete Thema angewendet.

Der obige Code gilt nur für Absatztext. Was wäre, wenn Sie die Schriftgröße aller h2-Unterüberschriften ändern wollten?

Ändern Sie den obigen Code einfach so ab, dass er auf das h2-Element in Ihrem Theme zielt:

h2 { font-size:32px } 

Sie können dasselbe auch mit anderen Überschriften machen, indem Sie einfach h2 in h3, h4 oder h5 ändern.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie die Schriftgröße in WordPress einfach ändern können.

Verwandte Artikel: