Schriftgröße in WordPress einfach ändern

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

Ob Sie einen Blog, einen E-Commerce-Shop oder eine Unternehmenswebsite betreiben, die Kenntnis der Anpassung von Schriftgrößen in WordPress ermöglicht es Ihnen, Ihr Design an Ihre Marke anzupassen und die Benutzererfahrung zu verbessern.

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

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

Warum die Schriftgröße in WordPress ändern?

Durch Ändern der Schriftgröße auf Ihrer WordPress-Website können Sie die Lesbarkeit des Inhalts verbessern und es den Benutzern erleichtern, ihn zu durchlaufen.

Außerdem kann die Vergrößerung der Schriftgröße helfen, wichtige Informationen auf Ihrem WordPress-Blog hervorzuheben.

Wenn Sie beispielsweise ein Affiliate-Produkt auf Ihrer Website präsentieren, kann die Vergrößerung der Schriftgröße dazu beitragen, das Produkt besser sichtbar zu machen. Es kann auch Inhalte für Besucher lesbarer machen, die Ihre Website über mobile Geräte aufrufen.

Nichtsdestotrotz wollen wir sehen, wie man die Schriftgröße in WordPress einfach ändern kann.

In diesem Tutorial werden wir mehrere Methoden besprechen, sodass Sie die unten stehenden Links verwenden können, um zur gewünschten Methode zu springen:

• Methode 1: Schriftgröße mit Überschriften ändern
• Methode 2: Ändern der Schriftgröße von Text im Blockeditor
• Methode 3: Schriftgröße mit einem Plugin ändern
• Methode 4: Schriftgröße der gesamten Website über den Full Site Editor ändern
• Methode 5: Website-weite Schriftgröße mit WPCode ändern
• Bonus: Textfarbe in WordPress ändern
• Video-Tutorial

Methode 1: Schriftgröße mit Überschriften ändern

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

Die Verwendung von Überschriften in Ihren Inhalten ist eine großartige Möglichkeit, die Aufmerksamkeit der Benutzer mit einer größeren Schriftgröße zu erregen.

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

Überschriften sind auch großartig, um die Website-SEO zu verbessern, da Suchmaschinen richtigen Überschriften mehr Gewicht geben als normalem Absatztext.

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

Zuerst müssen Sie einen neuen Beitrag oder eine neue Seite im WordPress Block-Editor öffnen.

Sobald 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 Block "Überschrift" finden und zur Seite/zum Beitrag hinzufügen.

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

Wenn Sie eine Unterüberschrift hinzufügen, ist es sinnvoll, bei der Option „Überschrift 2“ zu bleiben.

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

Alternativ können Sie die Überschriften-Größe auch über die Blockeinstellungen in der rechten Werkzeugleiste des Bildschirms ändern.

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

Vergessen Sie nicht, nach Abschluss 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 immer noch den alten klassischen Editor in WordPress verwenden, können Sie Überschriften über das Dropdown-Menü 'Absatz' hinzufügen.

Wählen Sie zuerst mit der Maus den Text aus, den Sie in eine Überschrift umwandeln möchten.

Klicken Sie dann im Dropdown-Menü 'Absatz' in der oberen linken Ecke auf Ihre Überschriften-Größe. Sie haben nun erfolgreich die Schriftgröße auf eine Überschrift geändert.

Beachten Sie jedoch, dass der klassische Editor es Ihnen nicht erlaubt, die Größen und Schriftfarben der verschiedenen Überschriftenstile zu ändern.

Wenn Sie das tun möchten, müssen Sie Änderungen an der Stylesheet-Datei (style.css) Ihres Themes vornehmen.

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

Methode 2: Ändern der Schriftgröße von Text im Blockeditor

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

Zuerst müssen Sie eine vorhandene Seite/einen Beitrag im Gutenberg-Editor öffnen.

Sobald Sie dort sind, klicken Sie auf einen beliebigen Absatzblock und wechseln Sie dann im Blockbereich auf der rechten Seite des Bildschirms zur Registerkarte „Stile“.

Von hier aus müssen Sie eine Schriftgröße im Abschnitt 'Typografie' auswählen.

Sie können die Option Klein, Mittel, Groß oder Extra Groß nach Ihren Bedürfnissen auswählen.

Wenn Sie Ihren Text wieder auf die ursprüngliche Größe ändern möchten, können Sie dies auch tun, indem Sie auf das Drei-Punkte-Menü neben den Typografie-Einstellungen klicken.

Dies öffnet ein neues Dropdown-Menü, in dem Sie auf die Option 'Zurücksetzen' klicken müssen.

Ansonsten können Sie auch Drop Caps, Groß-/Kleinschreibung, Abstände, Darstellung und mehr über dasselbe Dropdown-Menü hinzufügen.

Klicken Sie danach 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 verwenden möchten, sollten Sie den Wechsel in Betracht ziehen.

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

Wenn Sie die Schriftgröße mit einem Plugin ändern möchten, können Sie diese Methode verwenden.

Zuerst müssen Sie das Advanced Editor Tools Plugin installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserer Anfängeranleitung zur Installation eines WordPress-Plugins.

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

Nach der Aktivierung gehen Sie zur Seite Einstellungen » Erweiterte Editor-Tools in der WordPress-Admin-Seitenleiste.

Dort können Sie ganz einfach Formatierungsfunktionen aus dem Abschnitt „Unbenutzte Schaltflächen“ in den Block „Klassischer Absatz“ ziehen und ablegen.

Diese Funktionen umfassen Schriftgröße, Schriftfamilie, Kopieren, Tiefstellung, Emoticons, Quellcode und mehr.

Wenn Sie das getan haben, scrollen Sie nach unten zum Abschnitt „Optionen“ und aktivieren Sie die Option „Schriftgrößen“, um auf eine größere Anzahl von Schriftgrößen zuzugreifen.

Danach klicken Sie einfach auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.

Wenn Sie das Plugin mit dem Classic Editor verwenden, müssen Sie von oben auf der Seite zum Tab „Classic Editor“ wechseln.

Sobald Sie dort sind, müssen Sie die gleichen Aktionen wie im Block-Editor ausführen.

Stellen Sie sicher, dass Sie nach dem Vornehmen Ihrer Änderungen auf die Schaltfläche 'Änderungen speichern' klicken.

Um das Plugin in Aktion zu sehen, müssen Sie nun eine neue oder vorhandene Seite/einen Beitrag aus dem WordPress-Dashboard öffnen.

Sobald 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 finden und fügen Sie den Classic Paragraph-Block zur Seite hinzu.

Sie können jetzt 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: Schriftgröße der gesamten Website über den Full Site Editor ändern

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

Besuchen Sie dazu die Seite Darstellung » Editor im WordPress-Dashboard und klicken Sie auf das Symbol „Stile“ in der oberen rechten Ecke. Dies öffnet ein neues Bedienfeld, in dem Sie die Option „Typografie“ auswählen müssen.

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

Scrollen Sie danach nach unten zum Abschnitt „Elemente“ und wählen Sie die Registerkarte „Text“ aus.

Sie können jetzt Schriftgröße, -art und -abstand für den gesamten Text Ihrer gesamten Website ändern.

Wenn Sie fertig sind, können Sie zum Abschnitt „Elemente“ zurückkehren, um die Schriftgröße für alle Überschriften, Links, Bildunterschriften und Schaltflächen zu ändern.

Wenn Sie immer noch nicht zufrieden sind, können Sie die Schriftgrößen-Voreinstellungen für Ihre Website vollständig ändern.

Diese Voreinstellungen definieren Standardgrößen für verschiedene Textoptionen, wie klein, mittel und groß. Wenn Sie beispielsweise überall auf Ihrer Website 'klein' als Schriftgröße wählen, kann diese automatisch auf 0,9 rem eingestellt werden.

Sie können die Voreinstellungen jedoch so anpassen, dass 'klein' 1 rem bedeutet. Dies gibt Ihnen die Flexibilität, die Schriftgrößen nach Ihren Wünschen anzupassen.

Klicken Sie dazu einfach auf die Option „Schriftgrößen-Voreinstellungen“ unten.

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

Klicken Sie abschließend auf die Schaltfläche „Speichern“, um Ihre Einstellungen zu speichern. Sie haben nun erfolgreich die website-weite Schriftgröße mit dem Full Site Editor geändert.

Methode 5: Website-weite Schriftgröße mit WPCode ändern

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

Sie können diese Funktionalität ganz einfach hinzufügen, indem Sie CSS-Code mit WPCode 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 super einfach und sicher macht.

Zuerst müssen Sie das WPCode Plugin installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.

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

Nach der Aktivierung gehen Sie im WordPress-Admin-Seitenmenü zu Code Snippets » + Snippet hinzufügen.

Klicken Sie dort auf die Schaltfläche „+ Benutzerdefinierten Snippet hinzufügen“ unter der Option „Fügen Sie Ihren benutzerdefinierten Code hinzu (Neues Snippet)“.

Als Nächstes müssen Sie 'CSS-Snippet' als Code-Typ aus der Liste der Optionen auswählen, die auf dem Bildschirm erscheinen.

Dies führt Sie zur Seite 'Benutzerdefiniertes Snippet erstellen', wo Sie damit beginnen können, Ihrem Code-Snippet einen Titel zu geben.

Zum Beispiel haben wir den Titel „Schriftgröße website-weit ändern“ verwendet.

Kopieren Sie als Nächstes den folgenden benutzerdefinierten CSS-Code und fügen Sie ihn in das Feld „Code-Vorschau“ ein:

p {
font-size:16px;
}

Sobald Sie dies getan haben, fügen Sie einfach Ihre gewünschte Textgröße neben der Zeile 'font-size' im CSS-Code ein.

Es sollte so aussehen.

Scrollen Sie danach zum Abschnitt „Einfügen“ und wählen Sie den Modus „Automatisch einfügen“.

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

Scrollen Sie schließlich zurück zum Seitenanfang und schalten Sie den Schalter „Inaktiv“ auf „Aktiv“.

Klicken Sie danach 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 möchten Sie vielleicht auch die Textfarbe Ihrer Website ändern, um Ihre Inhalte besser lesbar und visuell ansprechender zu gestalten. Dies kann auch Ihr Branding verbessern und wichtige Informationen hervorheben.

Um die Textfarbe zu ändern, müssen Sie einen Blogbeitrag im Blockeditor öffnen und einen Absatzblock auswählen. Sobald Sie dies getan haben, wechseln Sie im Blockbereich zum Tab „Stile“ und klicken Sie auf die Option „Text“.

Dies öffnet das Farbauswahlwerkzeug, 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-Schnipsel » Schnipsel hinzufügen in der WordPress-Admin-Seitenleiste und klicken Sie unter der Option „Benutzerdefinierten Code hinzufügen“ auf „Schnipsel verwenden“.

Dies führt Sie zur Seite „Benutzerdefinierten Ausschnitt erstellen“, auf der Sie „CSS-Ausschnitt“ als Code-Typ auswählen und dann den folgenden Code in das Feld „Code-Vorschau“ kopieren und 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 abschließend auf die Schaltfläche „Snippet speichern“ und schalten Sie den Schalter „Inaktiv“ auf „Aktiv“.

Sie haben nun erfolgreich die Textfarbe auf Ihrer gesamten Website geändert. Detaillierte Anweisungen finden Sie in unserem Tutorial unter So ändern Sie die Textfarbe in WordPress (einfache Methoden).

Video-Tutorial

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

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie die Schriftgröße in WordPress einfach ändern können. Möglicherweise möchten Sie auch unseren Leitfaden zum Hinzufügen benutzerdefinierter Schriftarten in WordPress oder unser Tutorial zum Deaktivieren von Google Fonts auf Ihrer WordPress-Website lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.