So ändern Sie eine beliebige Schriftart in Ihrem WordPress-Theme

Cum să schimbați orice font din tema dvs. WordPress
⏱️ 4 min read

Wollten Sie schon immer die Schriftarten auf einer WordPress-Website ändern? Die Auswahl einer neuen Schriftart mit dem Customizer ist nicht schwierig. Die Herausforderung entsteht, wenn Sie eine Schriftart verwenden möchten, die nicht zum Thema gehört, oder wenn das Element, das Sie ändern möchten, keine Option dafür hat.

Ändern Sie anpassbare Schriftarten

Um mehr Schriftarten zu erhalten, installieren Sie zuerst die Einfache Google Fonts Plugin zu Ihrer Site.

1. Gehen Sie zu “Plugins -> Add New”.

2. Suchen Sie nach “Easy Google Font”.

3. Klicken Sie auf Installieren und dann auf Aktivieren.

4. Jetzt gibt es mehr Schriftartenoptionen auf Ihrer Site. Um sie zu ändern, rufen Sie Ihren Customizer auf (Darstellung -> Anpassen).

Ändern Sie das Erscheinungsbild der Website-Schriftarten

5. Klicken Sie auf “Typografie -> Thementypografie”.

Ändern-Website-Schriftarten-Thema-Typografie

6. Klicken Sie auf den Dropdown-Pfeil und scrollen Sie nach unten. Sie sollten viel mehr verfügbare Schriftarten sehen.

change-website-fonts-theme-typography-new

7. Klicken Sie, um die gewünschte auszuwählen.

Es ist ziemlich einfach, das Plugin zu verwenden, um Text zu ändern, der bereits in Ihrem Thema anpassbar ist. Der frustrierende Teil kommt, wenn Sie möchten, dass ein bestimmtes Textstück eine andere Schriftart hat und es keinen Ort gibt, an dem Sie es ändern können!

Um diese anzupassen, müssen Sie den CSS-Code für diesen Teil der Website ändern. Es ist jedoch versteckt, sodass Sie es aufspüren müssen.

Holen Sie sich die Erweiterungen

Suchen Sie im Google Chrome-Browser nach einer Erweiterung namens WhatFont, und installieren Sie es dann und lassen Sie es laufen.

change-website-fonts-whatfont-extension

Wenn aktiviert, identifiziert WhatFont alle auf einer Website gefundenen Schriftarten. Wenn Ihnen eine Schriftart gefällt und Sie sie in Ihrer Arbeit verwenden möchten, bewegen Sie den Mauszeiger über den Text, während WhatFont ausgeführt wird, und der Name der Schriftart wird angezeigt.

Die nächste Erweiterung, die Sie installieren und aktivieren müssen, ist Firebug Lite. Es zeigt Ihren Site-Code an und ermöglicht es Ihnen, CSS-Eigenschaften live zu bearbeiten. Diese Erweiterung erleichtert das Auffinden und Ändern der Schriftarten, indem die Position des Texts im Code ermittelt wird.

change-website-fonts-firebug-lite-extension

Finden Sie die Schriftart

So ermitteln Sie den Namen der Schriftart, die Ihr Thema derzeit verwendet:

1. Aktivieren Sie WhatFont, indem Sie auf das entsprechende Symbol klicken

2. Bewegen Sie den Mauszeiger über die Schriftart, die Sie identifizieren möchten.

Website-Schriftarten ändern-identifizieren

3. Notieren Sie den Schriftnamen.

4. Schalten Sie WhatFont aus.

Der nächste Schritt besteht darin, das CSS mit dieser Schriftart im Code zu suchen.

1. Öffnen Sie den Customizer wie zuvor.

2. Öffnen Sie Firebug Lite (das Symbol eines Fehlers mit einem Schraubenzieher).

3. Wenn Sie Firebug aktivieren, wird der Code für die Site am unteren Bildschirmrand angezeigt.

Sie müssen sehr vorsichtig mit diesem Code arbeiten, insbesondere wenn Sie kein CSS-Experte sind. Wenn Sie den Anweisungen jedoch gut folgen, sollten Sie in der Lage sein, die Schriftarten leicht genug zu ändern, ohne Ihre Site zu zerstören. Es wäre eine gute Idee, Ihre Website zu sichern, bevor Sie fortfahren.

Suchen Sie die aktuelle Schriftart des Textes, den Sie ändern möchten.

1. Klicken Sie auf CSS.

change-website-fonts-css

2. Wählen Sie die Datei style.css. (Es ist eine lange Datei.)

change-website-fonts-inspect-dropdown

3. Hit Strg + f und geben Sie die von Ihnen notierte Schriftart in das Suchfeld ein.

4. In diesem Beispiel habe ich nach Helvetica gesucht, und Sie können die Position dieser Schriftart in den CSS-Stilen in Orange sehen.

change-website-fonts-found

4. Markieren und kopieren Sie den Speicherort der Schriftart. Ich habe es im obigen Bild gelb hervorgehoben. Wenn mehr als ein Speicherort aufgeführt ist, kopieren Sie nur einen davon.

Erstellen Sie ein Schriftsteuerelement

Schriftsteuerelemente teilen dem Plugin mit, wo das CSS die Schriftart verwendet, die wir ändern möchten. Dieser Schritt kann ein wenig Versuch und Irrtum sein, insbesondere wenn sich die gesuchte Schriftart an mehreren Stellen auf Ihrer Website befindet.

1. Kehren Sie zu Ihrem Admin-Bereich zurück, bewegen Sie den Mauszeiger über die Einstellungen und klicken Sie auf Google Fonts.

2. Klicken Sie auf “Neues Schriftsteuerelement erstellen”.

change-website-fonts-font-control

3. Benennen Sie es um, um den Speicherort der neuen Schriftart zu beschreiben.

4. Fügen Sie den Speicherort, den Sie aus der CSS-Liste kopiert haben, in das Feld CSS-Auswahl ein.

5. Klicken Sie auf das Feld Überschreibungen erzwingen.

6. Speichern.

Prüfen Sie

Gehen Sie zurück in Ihren Customizer und suchen Sie den Ort, an dem sich die Schriftart ändern soll. Suchen Sie das Dropdown-Feld für das gerade erstellte Schriftsteuerelement. Ziehen Sie es nach unten und wählen Sie die Schriftart aus, die Sie verwenden möchten. Wenn es erfolgreich funktioniert, ändert sich die Schriftart, sobald Sie darauf klicken.

Wenn dies nicht funktioniert, kehren Sie zu den Steuerelementen für Schriftarten zurück, löschen Sie den Speicherort, den Sie eingefügt haben, und versuchen Sie erneut, einen anderen Speicherort in Ihrem CSS zu verwenden, an dem die ursprüngliche Schriftart aufgeführt war. Denken Sie daran, dass es mehrere Versuche dauern kann, bis es funktioniert.

Selbst wenn Sie ein allgemeines Thema verwenden, verleiht die Möglichkeit, eine beliebige Schriftart in Ihrem WordPress-Thema zu ändern, Ihrer Website ein einzigartiges Aussehen. Stellen Sie sicher, dass Ihre Website ordnungsgemäß aktualisiert wurde, und probieren Sie dies aus.

Join our Newsletter and receive offers and updates! ✅

0 0 votes
Article Rating
Avatar of Routech

Routech

Routech is a website that provides technology news, reviews and tips. It covers a wide range of topics including smartphones, laptops, tablets, gaming, gadgets, software, internet and more. The website is updated daily with new articles and videos, and also has a forum where users can discuss technology-related topics.

Das könnte dich auch interessieren …

Abonnieren
Benachrichtige mich bei
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x