Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

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.

How to change font size in WordPress

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 durch die Erhöhung der 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

Subscribe to WPBeginner

Wenn Sie eine schriftliche Anleitung bevorzugen, lesen Sie weiter.

Methode 1: Schriftgröße über Überschriften ändern

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.

Add the heading block

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.

Change heading from h2

Alternativ können Sie die Größe der Überschrift auch über die Blockeinstellungen auf der rechten Seite des Bildschirms ä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.

Heading settings

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.

Choose heading in classic editor

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 Schriftgröße des Textes in Ihrem Absatzblock ändern möchten, ist diese Methode für Sie geeignet.

Zunächst müssen Sie eine bestehende Seite/einen Beitrag im Gutenberg-Blockeditor ö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.

Change the font size

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 dem Abschnitt „Typografie“ klicken.

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

Reset font size

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 Advanced Editor Tools-Plugin installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserer Anleitung für Einsteiger 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.

Add the font size field

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.

Add more font sizes

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.

Advanced editor tools classic editor font size

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.

Add the classic paragraph block to the page

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.

Font size field

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 die Schriftgröße ganz einfach standortweit ändern, indem Sie mit WPCode CSS-Code zu Ihrer Website hinzufü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.

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)“.

Add new 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.

Hinweis: Die Option „CSS Snippet“ ist nur in der Premium-Version des WPCode-Plugins verfügbar. Wenn Sie jedoch die kostenlose Version verwenden, können Sie die Option „Universal Snippet“ auswählen.

Choose CSS Snippet for font size code

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.

Paste font size code

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.

Choose an insertion method

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.

Save font size code

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.

Change text colors

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.

Changing the text color using custom code

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.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

177 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. sutarmaji says

    Thank you. Your explanation is clear. But, I cannot apply it to my editing activities. In my Block Editor and Classic Editor, there is no font size dropdown menu. It’s frustating. Can you help me?

  3. sarah says

    Hi there,

    thanks for this tutorial. I was trying to do the fourth method and wanted to change my H2 size. I copy and pasted the code into my custom CSS but when I change the px value nothing happens. The Size doesn’t change. Very annoying :O

  4. David Johnson says

    In the new wordpress block editor, regardless of whether I give it a H1 or H4 heading, it doesn’t change the size of the font at all. Sure, in the editor the size changes, but when I publish, there is no size change for what the public sees.

    • WPBeginner Support says

      Your theme may have styling for your headings that make the text look the same. You would either want to edit it with CSS or reach out to your theme’s support.

      Admin

  5. Jran says

    Hi, is there a way to set/change defaults with the Classic paragraph editor? So for example if you wanted each block of text to have size 14 in Book Antiqua, is there a way to keep as a preset instead of having to manually change every block or even line?

    • WPBeginner Support says

      For what you’re wanting, you would likely need to use the CSS method from this article to set the text how you’re wanting.

      Admin

  6. Leslie Limardo says

    Hi there,
    I have the tiny mce advanced plugin. I added the font size to the selection but when i go to my pages, but doesn’t appear and I’ve clicked through all the options and don’t see where else to add it.

    • WPBeginner Support says

      You will likely need to reach out to your specific theme’s support and they should be able to assist with what could be preventing the changes.

      Admin

  7. Yoshiko says

    Hello. Thanks for the posting. I have one question. If I want to enlarge a couple of words in one block, how can I do it?

Schreibe einen Kommentar zu Minhas Qureshi Antworten abbrechen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.