Webstick.info logo Wordpress, Webdesign, SEO - Blog

Schriftgröße ändern in Wordpress 💥

Schriftgröße ändern in Wordpress


Die Arbeit mit dem Gutenberg-Editor ist eine Katastrophe, daher ist es am einfachsten, mit einem guten Seitenersteller zu arbeiten. Ich empfehle Elementor, es ist perfekt, um Websites schnell und professionell zu erstellen. Aber ob wir mit Elementor oder Gutenberg arbeiten, spielt keine Rolle. Der beste Ort, um die Schriftgröße zu ändern, sind die Designeinstellungen, da dies das Geschäft auf der gesamten Website übernimmt.


Anzeige


ÄNDERN DER SCHRIFTGRÖSSE MIT UNSEREM THEMA

Alle guten Themes arbeiten mit dem Wordpress Customizer zusammen, also gehen wir in erster Linie dorthin. Gehen Sie in Ihrem Backend zu "Appearance" >> "Customize" wie unten im Bild gezeigt.


Schriftgröße ändern in Wordpress mit dem Wordpress Customizer


Jetzt erhalten Sie den nächsten Bildschirm. Es hängt vom Thema ab, wie die Menüs aufgebaut sind, aber sie funktionieren alle sehr ähnlich. Ich verwende hier das "Phlox-Design" (Bild unten), aber jedes andere Design hat auch Typografie-Einstellungen. Es wird zu 90% sicher im allgemeinen Kapitel sein oder vielleicht gibt es sogar ein Typografie-Kapitel von Anfang an im Customizer-Menü.


Schriftgröße ändern in Wordpress Customizer


Hier können alle Schriftarten bearbeitet werden, von der Hauptschrift und h1 bis h6. Nicht nur die Schriftgröße kann geändert werden, sondern auch die Schriftfamilie, der Schriftstil und die Schriftstärke. Es ist am sinnvollsten, die Dinge hier genau so einzurichten, wie Sie es möchten.


Schriftgröße ändern in Wordpress Customizer Typography


ÄNDERN DER SCHRIFTGRÖSSE MIT ELEMENTOR

Jede Seite beginnt mit dem Titel. Es ist am besten, den normalen Seitentitel anzuzeigen und diesen nicht von Elementor steuern zu lassen. Es ist am besten, weil das Datum, der Autor und weitere Informationen normalerweise direkt unter dem Seitentitel stehen und dies nicht mehr der Fall ist, wenn Elementor die Kontrolle darüber übernimmt. Der Rest der Seite wird mit Elementor erstellt und wir werden ihre Typografie mit Elementor steuern. Mit anderen Worten, die Schriftgröße kann mit Elementor für alle Untertitel und die Hauptschriftart bearbeitet werden. Öffnen Sie zuerst einen beliebigen Beitrag oder eine Seite mit Elementor, wie unten gezeigt, indem Sie auf „mit Elementor bearbeiten“ klicken.


post mit Elementor öffnen


Dieser Link erscheint nur für Beiträge/Seiten, die mit Elementor erstellt wurden. Nachdem Sie auf den Link geklickt haben, müssen Sie auf das Hamburger-Menü in der linken oberen Ecke klicken und „Site-Einstellungen“ aus dem Menü auswählen. Danach sehen Sie die folgende Sequenz wie unten im Bild. Wie Sie sehen können, ist es den Möglichkeiten mit dem Customizer sehr ähnlich, nur dass Elementor mehr Einstellungen für Schriftarten hat.


change font size with Elementor


ÄNDERN DER SCHRIFTGRÖSSE MIT GUTENBERG

Ich rate dringend davon ab, mit Gutenberg zu arbeiten, aber für diejenigen, die es für einen netten Editor halten, gebe ich hier die Möglichkeit, die Schriftgröße anzupassen.

Dies sind die Schritte zum Ändern der Schriftgröße mit Gutenberg Editor.

  1. Wählen Sie den Beitrag aus, den Sie bearbeiten möchten.
  2. Klicken Sie auf den Textblock, den Sie bearbeiten möchten, und wählen Sie dann die Nummer manuell aus.

schriftgrösse Wordpress ändern mit Gutenberg


ÄNDERN DER SCHRIFTGRÖSSE MIT BENUTZERDEFINIERTEM CSS

Das Ändern des CSS ist sicherlich nicht meine Lieblingslösung, aber es ist sicherlich eine Option, die wir diskutieren sollten. Für diese Methode öffnen wir auch den unten gezeigten Wordpress Customizer.


Schriftgröße ändern in Wordpress Customizer


Dieses Mal wählen wir die Option „Benutzerdefiniertes CSS“ oder „Zusätzliches CSS“, die unten im Menü zu finden sind. Hier werden wir unser benutzerdefiniertes CSS hinzufügen, um die Schriftgrößen zu bearbeiten.


Schriftgröße ändern in Wordpress Customizer CSS


So ändern Sie die gesamte Schriftart:

body {
font-size: 15px;
}

So bearbeiten Sie die Absatzschrift:

p {
font-size: 23px;
}

So ändern Sie die Schriftart einer bestimmten Überschrift:

h2 {
font-size: 2.4em;
}

So ändern Sie die Schriftart der Seitenleiste:

.sidebar li {
font-size: 12px;
}

So ändern Sie responsive Schriftarten:

html {
font-size: 16px;
}
@media (min-width: 920px) {
html {
font-size: 21px;
}
}

Schriftart der Fußzeile ändern:

.footer {
font-size: 130%;
}


Divi