So ändern Sie problemlos Schriftarten in WordPress
Schriftarten in WordPress sind ein entscheidender Bestandteil des Brandings eines Unternehmens. Während einige Schriftarten als irrelevant abtun, sind sie für viele ein wesentlicher Bestandteil ihrer Website.
Zusammen mit Farben, Bildern, Logos und anderen Branding-Elementen spielen Schriftarten eine entscheidende Rolle für das Image Ihrer Marke und dafür, wie die Kunden Ihre Marke wahrnehmen. Da sie eine Fülle von Optionen bieten, ist WordPress eine der besten Plattformen für die Anpassung.
Trotz der Tatsache, dass es viele kostenlose Schriftartoptionen gibt, ist es wichtig zu wissen, wie man Schriftarten in WordPress ändert, was einige Kenntnisse der CSS-Codierung erfordern kann.
Dieser von unserem Team bei wpDataTables erstellte Artikel zeigt, wie Sie Schriftarten in WordPress einfach ändern können.
So ändern Sie Schriftarten in WordPress-Themes
Betrachten wir das folgende Szenario. Sie möchten verschiedene Schriftkombinationen für Ihre Website, aber etwas hält Sie davon ab, weiterzumachen.
Das Ändern von Schriftarten in Designs kann eine Herausforderung darstellen, da sie normalerweise mit voreingestellten Schriftarten geliefert werden, die in verschiedenen Teilen des Designs verwendet werden. Sie müssen das CSS-Skript finden, das die Schriftart für den bestimmten Bereich festlegt, sei es die Fußzeile, die Kopfzeile, der Text oder andere Teile.
Wenn Sie eine komplett neue Schriftart verwenden möchten, ist eine gewisse Vorcodierung erforderlich. Wählen Sie zunächst eine lizenzierte Schriftart für Ihre Website aus und laden Sie sie dann auf den Server hoch. Oben in style.css müssen Sie auch die Schriftfamilie definieren. Hier ist ein Beispiel dafür, wie der Code aussehen könnte:
@font-face {font-family: Museo300;
src: local('Museo300-Regular'),
url("fonts/Museo300-Regular.ttf") format('truetype’);
font-weight: normal;}So ändern Sie Schriftarten in WordPress global mit der Anpassungsfunktion
Das Ändern von Schriftarten mit der Anpassungsfunktion ist unkompliziert. Melden Sie sich zuerst in Ihrem WordPress-Profil an und greifen Sie auf das Dashboard zu, klicken Sie auf Aussehen und dann auf Anpassen.
Eine andere Möglichkeit, auf diesen Bereich zuzugreifen, besteht darin, sich bei Ihrem WordPress-Dashboard anzumelden, auf den Seitennamen oben links zu klicken und dann auf die Schaltfläche Anpassen zu klicken.
Scrollen Sie dann nach unten zur linken Seite und suchen Sie das Feld, in dem Sie zusätzlichen CSS-Code hinzufügen können. Klicken Sie darauf, um den Code hinzuzufügen. Hier ist ein Beispiel für den Code:
* {font-family:"Courier New", Courier, monospace}CopyWenn Sie das * am Anfang hinzufügen, wird die Schriftart der gesamten Site hinzugefügt. Wenn Sie den Code einfügen, ändert er sich sofort. Wenn Sie bereit sind, die Änderungen vorzunehmen, klicken Sie auf die Schaltfläche Veröffentlichen.
So ändern Sie Schriftarten in WordPress in bestimmten Bereichen des Themes
Designs werden mit voreingestellten Schriftarten in verschiedenen Bereichen geliefert, und Sie benötigen unterschiedliche Schriftarten für verschiedene Bereiche Ihrer Website, was die Anpassbarkeit erhöht. Die Identifizierung von Themen in verschiedenen Bereichen ist eine Herausforderung.
Sie werden eine vom Rest getrennte Schriftart für den Hauptteil finden, die verwendet werden kann, um die Schriftarten zu bestimmen, die nicht durch ein Tag, eine Klasse oder ein div definiert sind.
body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 1em;
padding:0;
margin:0; }Wahrscheinlich finden Sie die Schriftarten in den verschiedenen CSS-Klassen: content, post, entry und post-entry.
Fügen Sie benutzerdefinierte Schriftarten hinzu
Das Hinzufügen benutzerdefinierter Schriftarten ist eine der besten Möglichkeiten, Kopfzeilen und die Basisschriftart zu ändern. Gehen Sie zu Design > Anpassen > Schriftarten.
Der Wechsel zu einer benutzerdefinierten Schriftart ist einfach. Es gibt viele großartige Schriftarten auf Google Fonts, Typekit und schließlich mit einem WordPress-Premium-Abonnement oder höher.
Wie es geht:
- Gehen Sie zu Entwurf >
- Klicken Sie im Abschnitt Anpassen auf Schriftarten. Klicken Sie dann auf das Dropdown-Menü, um die Optionen anzuzeigen, die unter der Option Überschriften verfügbar sind.
- Wenn die Schriftarten hier nicht sichtbar sind, bietet das Design wahrscheinlich nicht die Möglichkeit, Schriftarten in benutzerdefinierte Schriftarten zu ändern. Suchen Sie in diesem Fall nach einem anderen Thema, das diese Option bietet.
- Schriftarten kommen oft paarweise vor, eine für Überschriften und eine für den Textkörper. Für Überschriften ist es wichtig, eine Schriftart zu wählen, die für die Titel, Widget-Titel, Kommentarkopfzeilen und andere Bereiche des Texts ansprechend ist.
- Sie sehen eine Live-Vorschau, bevor Sie eine Schriftart auswählen können.
So passen Sie Schriftgröße und -stil an
Um den Schriftstil anzupassen, klicken Sie auf die Option links neben der Schriftart. Je nach gewählter Schriftart stehen Ihnen verschiedene Stile zur Verfügung.
Um die Schriftgröße anzupassen, gehen Sie zur Größenoption unten und passen Sie die Schriftgröße an. Machen Sie es passend für Überschriften oder für den Hauptteil, was einfach über das Dropdown-Menü möglich ist.
WordPress-Premium-Abonnement oder höher, erlaubt Änderungen der Schriftgröße im CSS-Code.
So speichern Sie Schriftarten
Wenn Sie die Anpassungsoptionen abgeschlossen haben, wird die Schriftart auf zwei Arten gespeichert: durch Klicken auf Website veröffentlichen oder auf Entwurf speichern.
Warten Sie nach dem Speichern einige Minuten, bis die Schriftarten im Blog angezeigt werden. Wenn sie nicht angezeigt werden, versuchen Sie, den Cache Ihres Browsers zu leeren, um sicherzustellen, dass es sich um die neueste Version der Website handelt.
So ändern Sie Schriftarten
So ändern Sie Schriftarten in WordPress, nachdem Sie eine benutzerdefinierte Schriftart erstellt haben.
Ändern Sie benutzerdefinierte Schriftarten, indem Sie zu Design und dann zu Customize gehen. Gehen Sie dann zu Schriftarten und wählen Sie eine andere Kopfzeile oder Basisschriftart aus. Sie können auch zur Standardschrift zurückwechseln, indem Sie auf das X klicken, das sich rechts neben dem Namen der benutzerdefinierten Schriftart befindet.
Um die Schriftartänderungen abzuschließen, klicken Sie auf „Veröffentlichen” oder „Entwurf speichern”.
Auch hier kann es einige Minuten dauern, bis die Schriftarten angezeigt werden, und das Löschen des Browser-Cache ist unerlässlich.
Schriftarten zurücksetzen
Um Schriftarten zurückzusetzen, drücken Sie einfach auf das X neben der aktuell verwendeten Schriftart.
So stellen Sie Schriftarten in die Warteschlange
Um die Schriftarten für WordPress korrekt hinzuzufügen, müssen Sie verschiedene Dateien ändern; am wichtigsten ist die Datei functions.php oder die Datei function_wp; enqueuer_script und wp_enqueue_style.
Mit Codeschnipseln ändern Sie einfach die Schriftart, ohne den Code in die Dateien einzugeben. Fügen Sie sie einfach über eine Funktion zum Header hinzu.
Wp_enqueue_script und wp_enqueue_style sind ähnliche Dateien, daher ist es besser, die Stildatei zu ändern, je nachdem, was Ihr Schriftartenanbieter anbietet.
Google Fonts gibt Schriftarten als Stylesheets aus, also fügen Sie sie wie folgt hinzu:
function add_google_fonts() {Andere Schriftarten, wie die Adobe Edge Web Fonts, werden in Form von Javascript-Dateien bereitgestellt. Der Code würde so aussehen:
function add_adobe_fonts() {Sobald Sie wissen, wo Sie die Schriftart ändern müssen, wird diese Funktion einfach.
So ändern Sie die Schriftgröße
Das Anpassen der Schriftgröße ist von grundlegender Bedeutung, indem Sie einfach die Überschriftengrößen anpassen. Wenn Sie einen visuellen Editor verwenden, finden Sie alle Optionen unter der Registerkarte „Absatz”.
Normalerweise werden die Schriftgrößen von der style.css-Datei gesteuert, die den Zugriff auf die Schriftgrößen ermöglicht.
Die Verwendung der richtigen Überschriften in Artikeln ist unerlässlich, um eine zufriedenstellende Benutzererfahrung zu schaffen und sie SEO-freundlicher zu machen.
Wenn Ihnen dieser Artikel zum Ändern von Schriftarten in WordPress gefallen hat, sollten Sie sich diesen Artikel zum Herunterladen der WordPress-Medienbibliothek ansehen.
Wir haben auch über ein paar verwandte Themen geschrieben, z. B. wie man die Seiten-ID in WordPress findet, wie man einen WordPress-Iframe einbettet, wie man Render-blockierendes JavaScript und CSS in Inhalten “above the fold " eliminiert, wie man einen DDoS-Angriff stoppt und wie Seitentitel in WordPress ausblenden .