Wie man die Schriftgröße in WordPress einfach ändert

Möchten Sie die Schriftgröße in Ihren WordPress-Beiträgen oder -Seiten ändern?

Manchmal möchten Sie vielleicht eine Zeile oder einen Absatz vergrößern oder die Schriftgröße auf der gesamten Seite erhöhen.

In diesem Artikel zeigen wir Ihnen, wie Sie die Schriftgröße in WordPress-Beiträgen und -Themes einfach ändern können.

Warum die Schriftgröße in WordPress ändern?

Indem Sie die Schriftgröße auf Ihrer WordPress-Website ändern, können Sie die Lesbarkeit des Inhalts verbessern und den Nutzern das Durchblättern erleichtern.

Außerdem können Sie mit einer größeren Schriftgröße wichtige Informationen in Ihrem WordPress-Blog hervorheben.

Wenn Sie z. B. ein Partnerprodukt auf Ihrer Website präsentieren, kann eine Vergrößerung der Schriftart dazu beitragen, dass das Produkt besser wahrgenommen wird. Außerdem wird der Inhalt dadurch für Betrachter, die über mobile Geräte auf Ihre Website zugreifen, besser lesbar.

Sehen wir uns also an, wie man die Schriftgröße in WordPress ganz einfach ändern kann.

In diesem Lehrgang werden wir mehrere Methoden besprechen. Sie können also die Links unten verwenden, um zu der Methode Ihrer Wahl zu springen:

Video-Anleitung

Wenn Sie eine schriftliche Anleitung bevorzugen, lesen Sie weiter.

Methode 1: Ändern der Schriftgröße mit Hilfe von Überschriften

Wenn Sie nach einer einfachen Möglichkeit suchen, die Schriftgröße mit Hilfe von Überschriften zu ändern, dann ist diese Methode genau das Richtige für Sie.

Die Verwendung von Überschriften in Ihren Inhalten ist eine gute Möglichkeit, die Aufmerksamkeit der Nutzer mit einer größeren Schrift zu erregen.

In den meisten WordPress-Themes sind die Überschriften in einer größeren Schriftart gehalten als der normale Text, so dass Sie Ihre Beiträge und Seiten in Abschnitte unterteilen können.

Überschriften eignen sich auch hervorragend zur Verbesserung der Suchmaschinenoptimierung einer Website, da Suchmaschinen richtigen Überschriften mehr Gewicht beimessen als normalem Absatztext.

Hinzufügen einer Überschrift im Standard-WordPress-Block-Editor

Zunächst müssen Sie einen neuen Beitrag oder eine neue Seite im WordPress-Blockeditor öffnen.

Wenn Sie dort sind, klicken Sie auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms, um das Blockmenü zu öffnen.

Von hier aus müssen Sie den Überschriftenblock finden und der Seite/dem Beitrag hinzufügen.

Standardmäßig wird der Block auf Überschrift 2 gesetzt.

Wenn Sie eine Zwischenüberschrift hinzufügen, ist es sinnvoll, die Option „Überschrift 2“ zu wählen.

Wenn Sie dies jedoch ändern möchten, können Sie einfach auf das Dropdown-Menü „H2“ klicken und eine andere Größe auswählen.

Alternativ können Sie die Größe der Überschrift auch über die Blockeinstellungen in der rechten Werkzeugleiste der Ansicht ändern.

Sie können sogar die Farbe der Überschrift, das Aussehen, die Groß- und Kleinschreibung und vieles mehr anpassen.

Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“ zu klicken, um Ihre Einstellungen zu speichern.

So fügen Sie eine Überschrift im alten klassischen Editor hinzu

Wenn Sie noch den alten klassischen Editor in WordPress verwenden, können Sie Überschriften über das Dropdown-Menü Absatz hinzufügen.

Markieren Sie zunächst den Text, den Sie in eine Überschrift umwandeln möchten, mit der Maus.

Klicken Sie anschließend auf das Dropdown-Menü „Absatz“ in der oberen linken Ecke und wählen Sie die Größe der Überschrift aus. Sie haben nun erfolgreich die Schriftgröße in eine Überschrift geändert.

Beachten Sie jedoch, dass Sie im klassischen Editor die Größen und Schriftfarben der verschiedenen Überschriftenstile nicht ändern können.

Wenn Sie das tun wollen, müssen Sie das Stylesheet Ihres Themes (style.css) ändern.

Klicken Sie abschließend auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.

Methode 2: Ändern der Schriftgröße von Text im Block-Editor

Wenn Sie die Standard Schriftgröße des Textes in Ihrem Absatzblock ändern möchten, dann ist diese Methode für Sie geeignet.

Zunächst müssen Sie eine bestehende Seite/einen Beitrag im Gutenberg Editor öffnen.

Klicken Sie dort auf einen beliebigen Absatzblock und wechseln Sie dann im Blockbedienfeld auf der rechten Seite des Bildschirms auf die Registerkarte „Stile“.

Hier müssen Sie eine Schriftgröße aus dem Bereich „Typografie“ auswählen.

Sie können je nach Bedarf die Optionen Small, Medium, Large oder Extra Large wählen.

Wenn Sie Ihren Text wieder auf die ursprüngliche Größe zurücksetzen möchten, können Sie das auch tun, indem Sie auf das Menü mit den drei Punkten neben den Typografieeinstellungen klicken.

Daraufhin öffnet sich ein neues Dropdown-Menü, in dem Sie auf die Option „Zurücksetzen“ klicken müssen.

Darüber hinaus können Sie über dasselbe Dropdown-Menü auch Großbuchstaben, Großbuchstaben, Abstände, Aussehen und vieles mehr hinzufügen.

Danach klicken Sie einfach auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.

Beachten Sie, dass diese Optionen im älteren klassischen Editor für WordPress nicht verfügbar sind. Wenn Sie sie nutzen möchten, sollten Sie den Wechsel in Erwägung ziehen.

Methode 3: Schriftgröße mit einem Plugin ändern

Wenn Sie die Schriftgröße mithilfe eines Plugins ändern möchten, können Sie diese Methode verwenden.

Zunächst müssen Sie das Plugin Advanced Editor Tools installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress Plugins.

Nach der Aktivierung gibt Ihnen das Plugin mehr Kontrolle über Schriftgröße und Textformatierung sowie eine Reihe anderer Funktionen. Es fügt einen neuen Block „Klassischer Absatz“ hinzu, der alle Formatierungsfunktionen Ihrer Wahl enthält.

Rufen Sie nach der Aktivierung die Seite Einstellungen “ Erweiterte Editor-Tools in der Seitenleiste des WordPress-Administrators auf.

Dort können Sie Formatierungsfunktionen aus dem Bereich „Nicht verwendete Schaltflächen“ einfach per Drag & Drop in den Block „Klassischer Absatz“ ziehen.

Zu diesen Funktionen gehören Schriftgröße, Schriftfamilie, Kopie, tiefgestellte Schrift, Emoticons, Quellcode und mehr.

Gehen Sie anschließend zum Abschnitt „Optionen“ und aktivieren Sie die Option „Schriftgrößen“, um auf eine größere Anzahl von Schriftgrößen zuzugreifen.

Klicken Sie anschließend einfach auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.

Wenn Sie das Plugin mit dem klassischen Editor verwenden, müssen Sie oben auf der Seite zur Registerkarte „Klassischer Editor“ wechseln.

Dort müssen Sie die gleichen Aktionen wie im Blockeditor durchführen.

Achten Sie darauf, dass Sie auf die Schaltfläche „Änderungen speichern“ klicken, nachdem Sie Ihre Änderungen vorgenommen haben.

Um das Plugin in Aktion zu sehen, müssen Sie eine neue oder bestehende Seite bzw. einen Beitrag im WordPress-Dashboard öffnen.

Wenn Sie dort sind, klicken Sie auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms, um das Blockmenü zu öffnen.

Von hier aus suchen Sie den Block Klassischer Absatz und fügen ihn der Seite hinzu.

Sie können nun das Dropdown-Menü „Schriftgrößen“ verwenden, um die Größe des Textes im Block „Klassischer Absatz“ zu ändern.

Klicken Sie abschließend auf „Aktualisieren“ oder „Veröffentlichen“, um die Einstellungen Ihres Beitrags oder Ihrer Seite zu speichern.

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

Wenn Sie die Schriftgröße auf Ihrer gesamten Website ändern möchten, ist diese Methode die richtige für Sie.

Sie können diese Funktion ganz einfach hinzufügen, indem Sie mit WPCode CSS-Code in Ihre Website einfügen.

Es ist das beste WordPress-Code-Snippet-Plugin auf dem Markt, das das Hinzufügen von Code zu Ihrer Website sehr einfach und sicher macht.

Zunächst müssen Sie das WPCode-Plugin installieren und aktivieren. Eine detaillierte Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Hinweis: WPCode hat einen kostenlosen Plan, den Sie für das Tutorial verwenden können. Durch ein Upgrade auf die Pro-Version erhalten Sie jedoch Zugriff auf weitere Funktionen wie bedingte Logik, eine Cloud-Bibliothek mit Code-Snippets und mehr.

Rufen Sie nach der Aktivierung die Seite Code Snippets “ + Add Snippet in der WordPress-Admin-Seitenleiste auf.

Klicken Sie dort auf die Schaltfläche „Snippet verwenden“ unter der Option „Eigenen Code hinzufügen (neues Snippet)“.

Dies führt Sie zur Seite „Benutzerdefiniertes Snippet erstellen“, wo Sie zunächst einen Titel für Ihr Code-Snippet eingeben können.

Wählen Sie anschließend die Option „CSS Snippet“ aus dem Dropdown-Menü „Code-Typ“ in der rechten Ecke des Bildschirms.

Kopieren Sie anschließend den folgenden benutzerdefinierten CSS-Code und fügen Sie ihn in das Feld „Codevorschau“ ein:

p {
font-size:16px;
}

Danach fügen Sie einfach die gewünschte Textgröße neben der Zeile „font-size“ in den CSS-Code ein.

Sie sollte folgendermaßen aussehen.

Danach blättern Sie zum Abschnitt „Einfügen“ und wählen den Modus „Automatisch einfügen“.

Ihr Code wird bei der Aktivierung automatisch auf Ihrer Website ausgeführt.

Blättern Sie schließlich zurück zum Anfang der Seite und schalten Sie den Schalter „Inaktiv“ auf „Aktiv“ um.

Klicken Sie anschließend auf die Schaltfläche „Snippet speichern“, um Ihren Code auszuführen.

Sie haben nun erfolgreich die Schriftgröße auf Ihrer WordPress-Website geändert.

Bonus: Textfarbe in WordPress ändern

Abgesehen von der Größe können Sie auch die Textfarbe auf Ihrer Website ändern, um Ihre Inhalte lesbarer und optisch ansprechender zu machen. Außerdem können Sie damit Ihr Branding verbessern und wichtige Informationen hervorheben.

Um die Textfarbe zu ändern, müssen Sie einen Blogeintrag im Blockeditor öffnen und einen Absatzblock auswählen. Wechseln Sie dann im Blockbedienfeld auf die Registerkarte „Formatvorlagen“ und klicken Sie auf die Option „Text“.

Daraufhin wird das Farbauswahlwerkzeug geöffnet, mit dem Sie eine Textfarbe Ihrer Wahl für den Inhalt auswählen können.

Wenn Sie die Textfarben auf der gesamten Website ändern möchten, können Sie WPCode verwenden, das beste WordPress-Code-Snippet-Plugin auf dem Markt.

Nach der Aktivierung besuchen Sie einfach die Seite Code Snippets “ + Add Snippet in der WordPress-Admin-Seitenleiste und klicken Sie auf „Use Snippet“ unter der Option „Add Your Custom Code“.

Dies führt Sie zur Seite „Benutzerdefiniertes Snippet erstellen“, wo Sie „CSS Snippet“ als Codetyp auswählen und dann den folgenden Code kopieren und in das Feld „Codevorschau“ einfügen müssen:

p { color:#990000; }

Wenn Sie eine andere Farbe für die Überschriften Ihrer Website verwenden möchten, müssen Sie die Selektoren h1, h2, h3 oder ähnliche verwenden.

Klicken Sie schließlich auf die Schaltfläche „Snippet speichern“ und schalten Sie den Schalter „Inaktiv“ auf „Aktiv“ um.

Sie haben nun erfolgreich die Textfarbe auf Ihrer gesamten Website geändert. Eine ausführliche Anleitung finden Sie in unserem Tutorial zum Ändern der Textfarbe in WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie die Schriftgröße in WordPress einfach ändern können. Vielleicht interessiert Sie auch unsere Anleitung zur Verwendung benutzerdefinierter Schriftarten in WordPress oder unsere Liste der besten Drag-and-Drop-Plugins für WordPress-Seitenerstellung.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.