Comment ajouter des polices personnalisées à WordPress?

La typographie est un élément essentiel de la conception Web moderne. Si vous utilisez des  polices personnalisées à WordPress par défaut sur vos sites, vous devrez probablement faire une mise à jour.

De plus, l’utilisation de mauvaises polices peut avoir une incidence sur la lisibilité et l’esthétisme de votre site, de sorte que vous voudrez avoir beaucoup de solutions de rechange disponibles.

Naturellement, il y a plus de typographie que de choisir la bonne police, mais avoir de nombreuses options dans votre répertoire est toujours une bonne idée.

De plus, WordPress rend la transition entre les polices facile, et il ne vous faudra pas longtemps pour en ajouter plus à votre collection.

Dans cet article, nous allons d’abord aborder la façon dont l’utilisation de polices personnalisées à WordPress peut vous aider.

En outre,  nous vous apprendrons deux méthodes pour les ajouter à WordPress.

Pourquoi devriez-vous envisager d’utiliser des polices personnalisées à WordPress?

Le terme «polices personnalisées» ne se réfère pas nécessairement à des polices de caractères excessivement compliquées ou élaborées.

C’est juste une façon de se référer à ces polices qui ne sont pas pris en charge par WordPress hors de la boîte.

 

Cela ne veut pas dire que la sélection de police par défaut de WordPress manque, mais avec des milliers d’options à choisir en ligne, il n’est pas judicieux de se limiter à seulement quelques dizaines.

De plus, les polices personnalisées ont quelques avantages supplémentaires, tels que:

Différencier votre site de ceux des concurrents.

Nous n’avons pas de chiffres à portée de main, mais nous sommes prêts à parier que de nombreux sites se contentent d’utiliser les polices WordPress par défaut.

L’ajout d’options personnalisées peut vous aider à définir vos designs en dehors de la concurrence.

Vous aider à personnaliser votre thème.

Si vous allez avoir du mal à trouver le thème parfait pour votre site, il est logique de rechercher d’excellentes polices personnalisées pour le compléter.

Améliorer votre conception globale.

Les polices sont une partie importante de la typographie.

En outre, elles peuvent améliorer la conception globale de votre site si elle est utilisée correctement.

Heureusement, WordPress rend relativement facile d’ajouter de nouvelles polices personnalisées à votre installation.

 

2 façons d’ajouter des polices personnalisées à WordPress

Il est important de noter que ce ne sont pas les seules façons d’ajouter de nouvelles polices à WordPress.

Cependant, ces deux méthodes permettent de couvrir certains de nos référentiels de police préférés, ce qui les fait remarquer.

 

Ajoutez les polices Google

Google Fonts est l’un des plus grands dépôts de polices open-source autour.

Il offre aux utilisateurs plus de 800 familles de polices avec des milliers d’options individuelles à choisir.

polices personnalisées à WordPress

 

Il existe plusieurs façons d’ajouter cette collection de polices personnalisée à WordPress, mais la plus simple est d’utiliser un plugin tel que Easy Google Fonts :

polices personnalisées à WordPress

 

Après avoir installé et activé le plugin , vous pourrez accéder à la sélection de la police Google à l’aide du personnaliseur WordPress.

Pour le voir en action, accédez à votre tableau de bord et à l’ ongletApparence> Personnaliser .

Dans le cas où vous ne savez pas, cette fonctionnalité vous permet de personnaliser WordPress à l’aide d’un éditeur en direct:

 

Pour tester tes nouvelles polices, cliquez sur l’ onglet Typographie et sélectionnez l’ option Typographie par défaut .

Ensuite, choisissez l’élément avec la police que vous souhaitez modifier, comme la rubrique 1:

 

Dans l’écran suivant, recherchez l’option qui lit la Famille des polices , où se trouvent vos nouvelles polices.

Maintenant, parcourez la liste jusqu’à ce que vous trouviez le bon design pour votre conception et vérifiez comment cela se fera:

 

Pour l’exemple ci-dessus, nous avons utilisé la police Fascinate du dépôt de Google.

Comme mentionné, il y a des centaines de polices à choisir afin que vous ne manquiez pas d’options.

Lorsque vous êtes prêt à quitter le programme personnalisé, cliquez sur le bouton Enregistrer et publier en haut à droite de la barre latérale du personnalisateur et vos modifications seront activées.

 

Ajoutez des polices Adobe Typekit

Contrairement aux polices Google, Adobe Typekit est plus un marché pour les typographes professionnels pour offrir leurs produits.

Cependant, il existe encore de nombreuses polices gratuites si vous n’êtes pas prêt à investir dans des options premium pour des polices personnalisées à WordPress

Pour accéder à cette collection, vous devez vous inscrire à un compte et choisir un plan .

Pour ce tutoriel, nous utilisons un compte gratuit, qui ne vous oblige pas à entrer des informations de paiement.

Une fois que vous êtes connecté au service, recherchez l’option qui lit Kits directement sous votre nom d’utilisateur en haut à droite de l’écran:

Sur l’écran suivant, faites défiler jusqu’à ce que vous trouviez l’ option Créer un nouveau kit et cliquez dessus.

Maintenant, vous devez entrer le nom et le domaine de votre site avant de continuer:

Par la suite, Adobe Typekit vous fournira un extrait de JavaScript , que vous devrez enregistrer pour plus tard.

Nous vous recommandons de copier et de le coller dans un fichier texte pendant ce temps-là, alors que nous ajoutons des polices à notre kit:

Maintenant que votre kit est prêt, tout ce que vous devez faire est de parcourir la sélection de polices d’Adobe.

Lorsque vous trouvez celui que vous aimez, cliquez simplement sur le bouton qui lit l’ utilisation du Web: Ajouter au kit :

Cela vous donnera l’option d’ajouter la police que vous désirez au kit que vous venez de créer, ce qui le rendra accessible à partir de WordPress une fois que nous ajouterons le code JavaScript à votre site.

Revenons à votre tableau de bord et faites-le maintenant.

La manière la plus simple d’inclure l’extrait que vous avez enregistré est de l’ajouter dans le fichierheader.php de votre thème .

Assurez-vous d’ utiliser un thème enfant et passez à Apparence> Éditeur .

Une fois que vous êtes, cherchez le fichier header.php sur le côté droit de l’écran et cliquez sur cette option:

Tout ce qui reste maintenant est de copier et coller le code JavaScript que vous avez enregistré plus tôtentre les balises <head> du fichier header.php .

Ensuite, cliquez sur Mettre à jour le fichier juste en dessous de l’éditeur, et vous serez en mesure d’aller.

À ce stade, vous pourrez accéder à toutes les polices de votre kit en personnalisant le  fichier style.css devotre thème .

C’est un peu plus de travail que d’utiliser Google Fonts, mais ça vaut le coup si vous êtes fan de Adobe Typekit.

Conclusion pour les polices personnalisées à WordPress

L’ajout de polices personnalisées à votre site WordPress est l’un des moyens les plus faciles et les plus efficaces de personnaliser vos thèmes.

De plus, il vous permet d’ajouter un peu de style à vos conceptions et de mettre votre site à l’écart des autres sites Web de WordPress qui ne correspondent qu’aux polices par défaut.

Il existe de nombreux référentiels de polices en ligne, mais voici deux de nos favoris et ce qui leur fait de si bons choix:

Google Fonts : l’ un des meilleurs référentiels de sources libres disponibles.

Adobe Typekit : l’option parfaite si vous recherchez des polices gratuites et premium.

 

 

 

 

 

 

Laisser un commentaire

%d blogueurs aiment cette page :