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

Die Schriftgröße spielt eine wichtige Rolle, wenn es darum geht, den Inhalt Ihrer Website klar, lesbar und visuell ansprechend zu gestalten.

Ganz gleich, ob Sie einen Blog, ein eCommerce-Geschäft oder eine geschäftliche Website betreiben – wenn Sie wissen, wie Sie Schriftgrößen in WordPress anpassen können, können Sie Ihr Design individuell an Ihre Marke anpassen und die Benutzerfreundlichkeit verbessern.

Bei WPBeginner schreiben wir seit über einem Jahrzehnt Artikel in WordPress. In dieser Zeit haben wir immer Wert darauf gelegt, dass unsere Inhalte lesbar und für unser Publikum zugänglich sind. Dazu gehört auch die Wahl einer Schriftgröße, die leicht zu lesen ist und trotzdem sauber und optisch ansprechend aussieht.

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:

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 Betracht 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 Schriftgröße auf Websites mit dem vollständigen Website-Editor

Wenn Sie ein Block-Theme verwenden, dann ist diese Methode für Sie geeignet. Die meisten Block-Themes verfügen über eine integrierte Funktion für globale Stile, mit der Sie die Größe der Typografie auf Ihrer gesamten Website ohne Programmierung steuern können.

Rufen Sie dazu die Seite Design ” Editor im WordPress-Dashboard auf und klicken Sie auf das Symbol “Stile” in der oberen rechten Ecke. Daraufhin öffnet sich ein neues Fenster, in dem Sie die Option “Typografie” auswählen müssen.

Sobald einige neue Einstellungen in der Seitenleiste erscheinen, können Sie die Schriftart für Ihre gesamte Website im Abschnitt “Schriftart” ganz einfach ändern.

Danach blättern Sie zum Abschnitt “Elemente” und wählen den Tab “Text”.

Sie können jetzt die Schriftgröße, den Typ und die Abstände für den gesamten Text auf Ihrer Website ändern.

Anschließend können Sie zum Abschnitt “Elemente” zurückkehren, um die Schriftgröße für alle Überschriften, Links, Beschriftungen und Buttons zu ändern.

Wenn Sie immer noch nicht zufrieden sind, können Sie die Voreinstellungen für die Schriftgröße auf Ihrer Website komplett ändern.

Diese Voreinstellungen definieren Standardgrößen für verschiedene Optionen, wie klein, mittel und groß. Wenn Sie z. B. irgendwo auf Ihrer Website die Schriftgröße “klein” wählen, wird sie automatisch auf 0,9 rem gesetzt.

Sie können die Voreinstellung jedoch so anpassen, dass “klein” stattdessen 1 rem bedeutet. So können Sie die Schriftgrößen flexibel an Ihre Wünsche anpassen.

Klicken Sie dazu einfach auf die Option ‘Schriftgrößen-Voreinstellungen’ am unteren Rand.

Sobald sich die neue Ansicht öffnet, können Sie die Voreinstellungen für Schriftgrößen auf der gesamten Website einfach bearbeiten.

Klicken Sie abschließend auf den Button “Speichern”, um Ihre Einstellungen zu speichern. Sie haben nun erfolgreich die Schriftgröße für die gesamte Website mit dem Editor für Websites geändert.

Methode 5: Ändern der Schriftgröße auf der Website mit WPCode

Diese Methode ist für Sie geeignet, wenn Sie die Schriftgröße auf Ihrer gesamten Website ändern möchten, aber kein Block-Theme verwenden.

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 eine kostenlose Version, die Sie für das Tutorial verwenden können. Durch ein Upgrade auf die Pro-Version erhalten Sie jedoch Zugang zu weiteren Funktionen, wie z. B. 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 “Individuelles Snippet erstellen”, auf der Sie Ihrem Code-Snippet zunächst einen Titel geben 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 der Farbwähler 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.

Video-Anleitung

Wenn Sie keine schriftlichen Anleitungen mögen, können Sie sich stattdessen unser Video ansehen:

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 individueller Schriften in WordPress oder unser Tutorial, wie Sie Google Fonts auf Ihrer WordPress-Website deaktivieren.

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.