Comment changer n’importe quelle police dans votre thème WordPress

Avez-vous déjà eu envie de changer les polices sur un site WordPress ? Choisir une nouvelle police avec le personnalisateur n’est pas difficile. Le défi survient lorsque vous souhaitez utiliser une police qui ne vient pas avec le thème ou si l’élément que vous souhaitez modifier n’a pas la possibilité de le faire.

Modifier les polices personnalisables

Pour obtenir plus de polices, installez d’abord le Polices Google faciles plug-in sur votre site.

1. Allez dans « Plugins -> Ajouter un nouveau ».

2. Recherchez « Easy Google Font ».

3. Cliquez sur Installer puis sur Activer.

4. Maintenant, il y a plus d’options de polices sur votre site. Pour les modifier, allez dans votre personnalisateur (Apparence -> Personnaliser).

5. Cliquez sur « Typographie -> Typographie du thème ».

6. Cliquez sur la flèche déroulante et faites défiler vers le bas. Vous devriez voir beaucoup plus de polices disponibles.

7. Cliquez pour sélectionner celui que vous souhaitez utiliser.

Il est assez simple d’utiliser le plugin pour modifier le texte déjà personnalisable dans votre thème. La partie frustrante vient quand vous voulez qu’un morceau de texte particulier soit une police différente, et il n’y a pas de place pour le changer !

Pour personnaliser ceux-ci, vous devez modifier le code CSS de cette partie du site Web. Cependant, il est caché, vous devez donc le retrouver.

Obtenez les extensions

Dans le navigateur Google Chrome, recherchez une extension appelée QuelleFont, puis installez-le et autorisez-le à s’exécuter.

Lorsqu’elle est activée, WhatFont identifie toute police trouvée sur n’importe quel site Web. Donc, si vous aimez une police et que vous souhaitez l’utiliser dans votre travail, passez votre souris sur le texte pendant que WhatFont est en cours d’exécution, et il vous montrera le nom de la police.

La prochaine extension que vous devez installer et activer est Firebug Lite. Il affiche le code de votre site et vous permet de modifier en direct les propriétés CSS. Cette extension facilite la recherche et la modification des polices en trouvant l’emplacement du texte dans le code.

Trouver la police

Pour connaître le nom de la police que votre thème utilise actuellement :

1. Activez WhatFont en cliquant sur son icône

2. Survolez la police que vous souhaitez identifier.

3. Notez le nom de la police.

4. Désactivez WhatFont.

L’étape suivante consiste à localiser le CSS avec cette police dans le code.

1. Ouvrez le personnalisateur comme vous l’avez fait précédemment.

2. Ouvrez Firebug Lite (l’icône d’un bogue avec un tournevis).

3. Lorsque vous activez Firebug, le code du site s’affiche en bas de l’écran.

Vous devez être très prudent lorsque vous travaillez avec ce code, surtout si vous n’êtes pas un expert en CSS. Si vous suivez bien les instructions, vous devriez pouvoir changer les polices assez facilement sans détruire votre site. Ce serait une bonne idée de sauvegarder votre site avant de continuer.

Recherchez la police actuelle du texte que vous souhaitez modifier.

1. Cliquez sur CSS.

2. Choisissez le fichier style.css. (C’est un long fichier.)

3. Frappez Ctrl + F et tapez la police que vous avez notée dans le champ de recherche.

4. Dans cet exemple, je cherchais Helvetica, et vous pouvez voir en orange l’emplacement de cette police dans les styles CSS.

4. Mettez en surbrillance et copiez l’emplacement de la police. Je l’ai surligné en jaune sur la photo ci-dessus. S’il y a plus d’un emplacement répertorié, copiez-en un seul.

Créer un contrôle de police

Les contrôles de police indiquent au plugin où le CSS utilise la police que nous voulons changer. Cette étape peut être un peu d’essais et d’erreurs, surtout si la police que vous recherchez se trouve à plusieurs endroits différents sur votre site.

1. Revenez à votre panneau d’administration, survolez les paramètres et cliquez sur Google Fonts.

2. Cliquez sur « Créer un nouveau contrôle de police ».

3. Renommez-le pour décrire l’emplacement de la nouvelle police.

4. Collez l’emplacement que vous avez copié de la liste CSS dans la boîte de sélection CSS.

5. Cliquez sur la case Forcer le remplacement des styles.

6. Sauvegardez.

Vérifie ça

Retournez dans votre personnalisateur et localisez l’endroit où vous souhaitez que la police change. Recherchez la liste déroulante du contrôle de police que vous venez de créer. Déroulez-le et sélectionnez la police que vous souhaitez utiliser. Si cela fonctionne correctement, la police change dès que vous cliquez dessus.

Si cela ne fonctionne pas, revenez dans les contrôles de police, supprimez l’emplacement que vous avez collé et réessayez en utilisant un emplacement différent dans votre CSS où la police d’origine était répertoriée. N’oubliez pas que plusieurs essais peuvent être nécessaires pour que cela fonctionne.

Même si vous utilisez un thème commun, la possibilité de modifier n’importe quelle police de votre thème WordPress donnera à votre site un aspect unique. Assurez-vous que votre site est correctement mis à jour et essayez-le.