L'éditeur de blocs (Gutenberg), non seulement améliore la personnalisation et l'adaptation du thème, mais introduit également plus de complexité, en particulier dans la partieModification et personnalisation des polices de caractèresAspects. Dans cet article, nous allons explorer en détail les meilleures pratiques pour modifier les styles de polices dans l'éditeur de blocs de WordPress et implémenter des polices personnalisées à travers des plugins.

I. Modification du style de police

Dans les thèmes WordPress, il existe des différences de priorité dans la manière dont les différentes positions des paramètres de police affectent les polices. Il est essentiel de comprendre ces priorités pour modifier avec précision les styles de police. Dans la pratique, les paramètres de priorité supérieure l'emportent sur les paramètres de priorité inférieure. Par exemple, dans le même article, si plus d'une position de réglage de police agit sur la police du paragraphe en même temps, le style affiché sera basé sur le réglage ayant la priorité la plus élevée.

L'ordre de priorité est le suivant:

1. Styles spécifiques aux blocs
2. Style bloc
3. "Style "Contenu
4. "Style "Texte

Ensuite, nous prenons l'exemple du thème WordPress "Twenty Twenty-Four" et nous présentons comment modifier le style de la police dans différents paramètres, notammentTaille de la police, épaisseur, inclinaison, hauteur de ligne, espacement des motsetc.

Deuxièmement, l'analyse de la position et de la priorité des polices de caractères

Le thème du bloc comporte plusieurs emplacements pour le réglage des polices, chacun ayant une priorité différente. Vous trouverez ci-dessous les quatre principaux emplacements de réglage des polices et leurs priorités, de la plus faible à la plus élevée, ainsi que des exemples spécifiques pour illustrer leur impact.

1) Paramètres de police Division I : Paramètres de police pour le texte de l'ensemble du site

placementPour plus d'informations, voir : Personnaliser > Styles > Modifier les styles > Typographie > Texte

Portée de l'impactCe paramètre affecte la plupart des polices de texte du site, y compris les numéros de page de pagination, les paragraphes, les listes, les détails, les préformats, les tableaux, les versets, etc. Cependant, les titres ne sont pas concernés par ce paramètre. Vous pouvez utiliser la fonction "Aper?u" pour voir quels modules sont affectés par ce style.

2) Paramètres de police Division III : Paramètres de police des blocs de paragraphes

placementPour plus d'informations, voir : Personnaliser > Styles > Blocs > Paragraphes

Portée de l'impactCe paramètre affecte l'ensemble du site"passages"La police de caractères du bloc, les autres types de réglages du bloc ont le même effet.

Troisièmement, comment personnaliser les polices de caractères dans WordPress

Les modifications de style de police mentionnées ci-dessus concernent principalement la taille de la police, l'épaisseur, la hauteur de ligne, etc. Si vous souhaitez utiliser plus de polices, en particulier les polices Google, nous vous recommandons d'utiliser "Fonts Plugin"Plugins.

prenez noteCe plugin s'appuyant sur les polices Google, il peut ne pas se charger correctement sur les serveurs nationaux. Si votre serveur web se trouve en Chine, veuillez choisir un autre plugin.

Comment personnaliser les polices de caractères à l'aide du plugin Fonts

Le plugin propose deux modes de paramétrage, l'un basique et l'autre avancé. Vous pouvez ajuster le style de police pour l'ensemble du site dans les paramètres de base ou l'affiner pour la police du nom du site, la police de la barre de navigation, la police du titre de l'article, etc. dans les paramètres avancés.

procédure:

1. Installez et activez le plugin: Recherchez dans la page des plugins du backend de WordPress la mention "Fonts Plugin", installée et activée.

2. Aller au personnalisateur: Allez dans le Customiser de WordPress et vous verrez l'ajout de "Fonts Plugin"Options.
3. Réglage des policesLes polices de caractères : Vous pouvez choisir différentes polices à appliquer à des éléments tels que le contenu général, les en-têtes, les boutons, etc. Si vous avez besoin d'un contr?le plus fin, vous pouvez utiliser l'option des paramètres avancés pour définir les polices de différents éléments séparément.

4. Prévisualisation et enregistrementLes polices : Lorsque vous modifiez les polices, vous pouvez prévisualiser l'effet en temps réel afin de vous assurer que les polices sélectionnées correspondent au style du site web. Lorsque vous êtes s?r de vous, cliquez sur "enregistrer (un fichier, etc.) (informatique)"Rendre les changements effectifs.

Questions fréquemment posées et solutions

questionsLes polices "Bold" ne sont pas visibles dans les articles
raison d'être: Lorsque l'on utilise le plugin pour définir la police de caractères sur "Noto Serif SC"et fixer l'épaisseur à "moyen"Lorsque le style gras par défaut du navigateur est plus proche du style "moyen", l'effet "gras" n'est pas évident.

guérirAjouter des styles personnalisés via "Extra CSS" pour donner différentes épaisseurs de police au texte en gras. Par exemple :

strong {
    font-weight : 900 ; /* ajuster ici si nécessaire */
}

IV. résumé

Dans l'éditeur de blocs WordPress, l'utilisation raisonnable de la modification du style de police et des plugins de polices personnalisées peut considérablement améliorer l'effet visuel et l'expérience de l'utilisateur de votre site web. Comprendre la priorité des différents paramètres de police et utiliser ces paramètres de manière flexible peut vous aider à mieux contr?ler le style général de votre site web.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨詢：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.