Wie man die Schrift in WordPress ändert

Wie man die Schrift in WordPress ändert
In diesem Artikel wird erläutert, wie die Schrift in WordPress -Websites ändert.

Wenn wir unsere WordPress -Site entwerfen, können wir nicht nur das Thema und die Farben, sondern auch die Schriftart oder die Typografie sowohl innerhalb von Absätzen als auch in Titeln/Headern ändern.

Dies ist nützlich, um Ihre Themen anzupassen und Ihren Site -Besuchern ein ästhetischeres und attraktiveres Projekt zu zeigen, das einen Unterschied macht.

Die in diesem Tutorial erläuterte Methode, um die Vorlagenschriften zu bearbeiten und sie anzupassen, ist sehr einfach und schnell angewendet.

Dieser Artikel enthält Screenshots, um es jedem WordPress -Benutzer leicht zu machen, die beschriebenen Schritte zu befolgen.

Melden Sie sich zunächst bei Ihrem WordPress -Dashboard an und drücken Sie im linken Menü Plugins, Wählen Sie dann die aus Neue hinzufügen Option, wie im folgenden Screenshot (gezeigtPlugins>Neue hinzufügen).

Geben Sie im Feld Keywords -Suchen ein “Gutenberg”, Der Name eines der in diesem Tutorial verwendeten Plugins, um die Schriftart zu ändern. Wenn das Gutenberg Plugin zeigt sich, drücken Sie die Jetzt installieren Taste und dann die aktivieren Sie Taste.

Nach dem Installieren des ersten Plugins müssen Sie eine zweite installieren. Geben Sie dazu auf dem Feld Keyword -Suchfeld "Easy Google Fonts" ein, wenn das Plugin Einfache Google -Schriftarten zeigt sich, drücken Sie die Installieren Jetzt Taste und dann drücken aktivieren Sie.

Sobald das Plugin installiert war, drücken Sie im linken Menü des Dashboards Aussehen, und unter den angezeigten Optionen drücken Anpassen.

Wählen Sie auf dem Bildschirm "Anpassungsbildschirm Typografie" aus. Im Folgenden können Sie den Bildschirm sehen, um die WordPress -Typografie oder die Schriftart zu bearbeiten.

Wählen Standardtypographie So öffnen Sie das Menü, in dem Sie mit der Bearbeitung der Typografie beginnen können, auch von Absätzen bis zu Titeln.

Wählen Sie zunächst aus Absätze Und im Menü der Schriftart der Schriftfamilie wählen Sie die Schriftart, die Ihnen für Ihre Website gefällt. Sie sehen eine Vielzahl von Schriftarten, die Sie nach der Auswahl ausprobieren können. In der Mitte des Bildschirms sehen Sie eine Vorschau für jede Schriftart, die Sie auswählen.

Wie bereits erwähnt, können Sie auch die WordPress -Schriftart für Titel ändern, indem Sie die bearbeiten Überschrift 2 Abschnitt. Sie können verschiedene Optionen ausprobieren, bis Sie das erwartete Ergebnis finden.

Das ist alles. Lesen Sie weiter unten, um Ihre eigenen Schriftarten hochzuladen, damit Ihre Website einzigartig ist.

Laden Sie Ihre eigene Schriftart auf Ihre WordPress -Site hoch

Sie können zusätzliche Schriftarten von Websites wie Dafont herunterladen. Dort finden Sie sowohl kostenlose als auch bezahlte Schriftarten, die Sie Ihrer Website hinzufügen können. Schriftarten Formate sind TTF, OTF, WOFF oder WOFF2. Wenn Sie beim Herunterladen Ihrer Schriftart mehrere Dateien finden, bedeutet dies, dass Ihre ausgewählte Typografie oder eine Schriftart mehrere Varianten enthält. Zum Beispiel die Google -Schriftart Monserrat Hat über 18 Varianten.

Notiz: Für dieses Tutorial verwende ich die Schriftart genannt Medicall.

Erstellen der Schriftart Datei

Die Schriftart Datei enthält die Schriftinformationen, die auf unserer Website verwendet werden sollen. Diese Informationen enthalten den Schriftnamen, seine Varianten und verschiedene Formate.

Dieser Schritt kann manuell durchgeführt werden oder Sie können Tools verwenden, um den Prozess zu vereinfachen. Das in diesem Tutorial verwendete Werkzeug ist der Transfonter.

Este Paso nein lo vamos ein baum ein Mano, Sino Que Vamos ein Utilizar una herramienta online llamda transfonter (https: // transfonter.org/) que nos hará todo el trabajo siguiente estos pasos:

Laden Sie zunächst Ihre Schriftartdatei (n) durch, indem Sie die drücken Schriftarten hinzufügen Taste. Wählen Sie dann die Formate, die Sie unterstützt werden möchten (dies hängt vom Browser ab). Sie können andere Standardoptionen hinterlassen.

Dann drücken Sie die Konvertieren Taste.

Nach dem Drücken der Konvertieren Button können Sie den Schriftart mit verschiedenen Schriftformaten herunterladen.

Im Folgenden können Sie Beispiele der Dateien sehen, die Sie erhalten.

Sobald Sie den Schriftart heruntergeladen haben, müssen Sie über einen FTP-Client wie Filezilla oder über CPANEL (Dateimanager) auf Ihren Site-Server zugreifen und Ihre Datei in das Unterverzeichnis hochladen /WP-In-Content/Themen/Strömungsthema.

In diesem Verzeichnis auf Ihrem Server (/WP-In-Content/Themen/Strömungsthema) Sie müssen ein Verzeichnis namens finden Schriftarten. Wenn das Verzeichnis der Schriftarten nicht vorhanden ist, machen Sie sich keine Sorgen, erstellen Sie es einfach.

Erstellen Sie im Verzeichnis der Schriftarten ein neues Unterverzeichnis mit dem Namen der Schriftart, die Sie hochladen möchten. Dies ist willkürlich, solange Sie die Schriftart identifizieren.

Innerhalb des Themasverzeichnisses Ihres Servers (/WP-In-Content/Themen/Strömungsthema.), finden Sie die Datei mit dem Namen Funktionen.Php. Klicken Sie mit der rechten Maustaste auf die Dateifunktionen.PHP und fügen Sie den folgenden Code am Ende der Datei ein und fügen Sie den folgenden Code ein.

Notiz: Ersetzen Medicall-FONT-CSS und der Weg /Schriftarten/Medicall/Stylesheet.CSS Für die Schriftart, die Sie verwenden. Für dieses Tutorial verwende ich die Schriftart genannt Medicall, Sie können jede gewünschte Schriftart auswählen.

add_action ('wp_enqueue_scripts', function ()
wp_enqueue_style ('Medicall-font-CSS', get_stylesheet_directory_uri () . '/Schriftarten/Medicall/Stylesheet.CSS ');
);

Der nächste Schritt muss über C0SS durchgeführt werden. Hier müssen Sie die Schriftfamilie in allen Texten anwenden, die wir unsere benutzerdefinierte Typografie anwenden möchten.

Der nächste Schritt muss mit CSS durchgeführt werden. Wir müssen die Schriftfamilie auf Texte anwenden, in denen wir unsere benutzerdefinierte Typografie anwenden möchten.

Öffnen Sie das Stylesheet.CSS.

Anschließend können Sie das CSS in WordPress hinzufügen, indem Sie beispielsweise die folgende Zeile hinzufügen.

H1
Schriftfamilie: 'Medicall'

Auf diese Weise wenden wir die neue Schriftart auf alle H1 auf unserer Website an.

Abschluss

Das Ändern der Schrift in WordPress ist wie oben gezeigt ziemlich einfach. Es gibt verschiedene Methoden, um die Typografie auf Ihrer Website zu ändern. Alle von ihnen sind gültig. Die zuvor beschriebenen Methoden sind einfach und kostenlos. Während Sie ein alternatives Plugin verwenden können, stellen Sie immer sicher, dass es von Benutzern gut bewertet wird. Wenn Sie Seitenbauer wie Divi, Elementor oder Envatos verwenden, können Sie die Schriftart aus diesen Plugins direkt bearbeiten. Ignorieren Sie nicht die Bedeutung von Typografien. Sie können die besten Bilder und Farben haben, aber sie müssen mit Charakteren im Einklang stehen, um ein besseres visuelles Erlebnis für Besucher zu generieren.

Vielen Dank, dass Sie diesen Artikel gelesen haben, um zu erklären, wie Sie die Schrift in WordPress ändern können. Folgen Sie uns weiter, um weitere WordPress -professionelle Tipps zu erhalten.