Block-Editor (Gutenberg), der nicht nur die Personalisierung und Anpassung des Themes verbessert, sondern auch mehr Komplexität mit sich bringt, vor allem im Fall vonÄnderung und Anpassung von SchriftartenAspekte. In diesem Artikel werden wir im Detail die besten Praktiken zur Änderung von Schriftstilen im WordPress-Block-Editor und zur Implementierung benutzerdefinierter Schriftarten durch Plugins untersuchen.
I. Änderung des Schriftstils
In WordPress-Blockthemen gibt es Prioritätsunterschiede bei der Auswirkung verschiedener Schrifteinstellungspositionen auf die Schriftarten. Das Verständnis dieser Prioritäten ist entscheidend für die genaue Änderung von Schriftstilen. In der Praxis setzen Einstellungen mit höherer Priorität Einstellungen mit niedrigerer Priorität außer Kraft. Wenn zum Beispiel im selben Artikel mehr als eine Schrifteinstellungsposition gleichzeitig auf die Absatzschrift wirkt, basiert der tatsächlich angezeigte Stil auf der Einstellung mit der höchsten Priorität.
Die Reihenfolge der Prioritäten ist wie folgt:
- Blockspezifische Stile
- Block-Stil
- Stil "Inhalt"
- Stil "Text"
Als Nächstes nehmen wir das WordPress-Block-Theme "Twenty Twenty-Four" als Beispiel und stellen vor, wie man den Schriftstil in verschiedenen Einstellungen ändern kann, darunterSchriftgröße, Dicke, Neigung, Zeilenhöhe, Wortabstandusw.
Zweitens: Analyse der Position der Schriftart und der Prioritäten
Im Blockthema gibt es mehrere Positionen für die Schrifteinstellung, die jeweils eine andere Priorität haben. Nachfolgend sind die vier wichtigsten Schrifteinstellungspositionen und ihre Prioritäten aufgeführt, von der niedrigsten bis zur höchsten, mit spezifischen Beispielen, um ihre Auswirkungen zu demonstrieren.
1. schrifteinstellungen Abteilung I: Website-weite Texteinstellungen
Platzierung: Anpassen > Stile > Stile bearbeiten > Typografie > Text
Umfang der AuswirkungenDiese Einstellung wirkt sich auf die meisten Textschriften auf der gesamten Website aus, einschließlich Seitenzahlen, Absätze, Listen, Details, Vorformate, Tabellen, Verse und so weiter. Überschriften sind jedoch von dieser Einstellung nicht betroffen. Sie können die Funktion "Vorschau" verwenden, um zu sehen, welche Module von diesem Stil betroffen sind.
2) Schrifteinstellungen Abteilung III: Absatzblock-Schrifteinstellungen
Platzierung: Anpassen > Formatvorlagen > Blöcke > Absätze
Umfang der AuswirkungenDiese Einstellung wirkt sich auf die gesamte Website aus.Passagen"Die Schriftart des Blocks, andere Arten von Blockeinstellungen wirken sich genauso aus.
Drittens: Wie kann man die Schriftarten in WordPress anpassen?
Die oben erwähnten Modifikationen des Schriftstils beziehen sich hauptsächlich auf die Schriftgröße, -dicke, -höhe usw., aber das Theme wird mit einer begrenzten Auswahl an Schriftarten geliefert. Wenn Sie mehr Schriftarten, insbesondere Google-Schriftarten, verwenden möchten, empfehlen wir die Verwendung von "Schriftarten-PluginPlugins".
zur Kenntnis nehmenDa dieses Plugin auf Google-Schriftarten basiert, wird es auf inländischen Servern möglicherweise nicht richtig geladen. Wenn sich Ihr Webserver in China befindet, wählen Sie bitte ein anderes Plugin.
Anpassen von Schriftarten mit Fonts Plugin
Das Plugin bietet zwei Modi für grundlegende und erweiterte Einstellungen. In den Grundeinstellungen können Sie die Schriftart für die gesamte Website anpassen, in den erweiterten Einstellungen können Sie sie auf die Schriftart des Website-Namens, der Navigationsleiste, des Artikeltitels usw. beschränken.
Verfahren:
- Installieren und aktivieren Sie das PluginSuchen Sie auf der WordPress-Backend-Plugin-Seite nach "Schriftarten-Plugin", installiert und aktiviert.
- Zum Customiser gehenGehen Sie zum WordPress Customiser und Sie werden die Hinzufügung von "Schriftarten-Plugin"Optionen.
- Schriftarten einstellenSie können verschiedene Schriftarten für Elemente wie den Gesamtinhalt, Überschriften, Schaltflächen usw. auswählen. Wenn Sie eine genauere Kontrolle benötigen, können Sie die Option "Erweiterte Einstellungen" verwenden, um die Schriftarten für verschiedene Elemente separat festzulegen.
- Vorschau und SpeichernWenn Sie Schriftarten ändern, können Sie den Effekt in Echtzeit in der Vorschau sehen, um sicherzustellen, dass die ausgewählten Schriftarten zum Stil der Website passen. Wenn Sie sich sicher sind, klicken Sie auf "Speichern (einer Datei usw.) (Informatik)"Machen Sie die Änderungen wirksam.
Häufig gestellte Fragen und Lösungen
Ausgaben: "Bold"-Schriften sind in Artikeln nicht sichtbar
BegründungWenn Sie das Plugin verwenden, um die Schriftart auf "Noto Serif SC" und setzen Sie die Dicke auf "mäßig"Wenn der Standard-Fettdruck des Browsers näher am "mittleren" Stil liegt, ist der "Fettdruck"-Effekt nicht offensichtlich.
HeilungFügen Sie über "Extra CSS" benutzerdefinierte Stile hinzu, um fettgedrucktem Text unterschiedliche Schriftstärken zu geben. Zum Beispiel:
stark {
font-weight: 900; /* hier nach Bedarf anpassen */
}IV. Zusammenfassung
Im WordPress-Block-Editor kann die sinnvolle Verwendung von Schriftstiländerungen und benutzerdefinierten Schriftart-Plugins die visuelle Wirkung und das Benutzererlebnis Ihrer Website erheblich verbessern. Wenn Sie die Priorität der verschiedenen Schrifteinstellungspositionen verstehen und diese Einstellungen flexibel nutzen, können Sie den Gesamtstil Ihrer Website besser kontrollieren.
