9 meilleurs plugins de typographie pour WordPress

Une bonne typographie est cruciale pour votre site Web. La typographie comprend des polices de caractères, des mises en page, des lettrines, des icônes, etc. Une grande partie de cela peut maintenant être fait avec Gutenberg, mais les polices de caractères sont toujours un domaine où les plugins peuvent faire une différence majeure. Dans cet article, nous examinerons plusieurs options pour vous aider à choisir le meilleur plugin de typographie pour WordPress.

1. Plugin Divi Builder

Le plugin Divi Builder ajoute le Divi Builder à n'importe quel thème WordPress. Il comprend 800 polices Google et vous pouvez ajouter votre clé API Google pour obtenir automatiquement de nouvelles polices. Vous pouvez également télécharger plus. Même si le plugin Divi fait plus que de la typographie, c'est un excellent choix même si vous n'utilisez pas pleinement le Divi Builder en raison du nombre de fonctionnalités typographiques dont il dispose. Les options de typographie sont également disponibles dans le thème Divi.

Recherchez parmi les polices de n'importe quel module contenant du texte et affichez un aperçu de chaque police. Les polices récemment utilisées sont en haut, elles sont donc faciles à trouver.

Les polices sont entièrement stylables. Style en ligne ou dans les paramètres du module. Personnalisez chaque taille de titre pour chaque module indépendamment.

Définissez les styles comme globaux et étendez-les à d'autres modules en quelques clics.

Principales caractéristiques :

• Polices et style de texte.
• Créez des styles globaux.
• Ajustez les polices pour le bureau, la tablette et le téléphone indépendamment.
• Split testez vos choix de typographie.
• Prévisualisez les styles avant d'appliquer.
• Étendre les styles.
• Copier et coller des styles.
• Gestionnaire de couleurs.
• Rechercher et remplacer des styles.
• Ombres de texte.

Prix : 89 $ par année, 249 $ à vie | Plus d'information

2. Utilisez n'importe quelle police

Use Any Font est un plugin de typographie simple pour WordPress qui vous permet de télécharger de nouvelles polices.

Téléchargez de nouvelles polices dans l'écran des paramètres. Vous pouvez également ajouter des polices prédéfinies.

La sélection de polices prédéfinies ouvre un modal dans lequel vous pouvez rechercher et sélectionner la police de votre choix. Il fournit un aperçu, afin que vous sachiez ce que vous obtenez. Il existe près de 24 000 options pour un usage personnel et commercial.

Attribuez des polices à n'importe quel élément à partir de l'écran des paramètres. Vous pouvez également ajouter des éléments personnalisés.

Principales caractéristiques :

• Attribuez des polices à n'importe quel élément.
• Attribuer à des éléments personnalisés.
• Téléchargez de nouvelles polices.
• Près de 24 000 polices prédéfinies.
• La version Pro ajoute plusieurs téléchargements de polices.

Prix : Gratuit, la version pro commence à 9,99 $ | Plus d'information

3. Outils d'édition avancés

Advanced Editor Tools fonctionne à la fois avec Gutenberg et l'éditeur Classic. Il ajoute de nombreuses options de typographie et vous permet de personnaliser la barre d'outils de l'éditeur classique à la fois dans le bloc classique et dans l'éditeur classique. Il ajoute un nouveau bloc de paragraphe à Gutenberg. Vous pouvez également remplacer l'éditeur de blocs par l'éditeur classique si vous le souhaitez.

Les paramètres de Gutenberg incluent des barres d'outils pour l'éditeur de blocs, des paragraphes classiques et des blocs classiques, des boutons inutilisés pour les barres d'outils et de nombreuses options. Les paramètres se concentrent sur la typographie et vous permettent de personnaliser les fonctionnalités exactes que vous souhaitez.

Vous pouvez également personnaliser l'éditeur classique avec les mêmes barres d'outils, boutons inutilisés et options.

Principales caractéristiques :

• Ajoute des options de typographie aux éditeurs Gutenberg et Classic.
• Personnalisez les barres d'outils.
• Ajustez les couleurs du texte.
• Ajoutez un bloc de paragraphe à Gutenberg.
• Remplacez l'éditeur de blocs par l'éditeur classique.

Prix : Gratuit | Plus d'information

4. Typographie des polices Google

Google Fonts Typography ajoute un nouveau menu au personnalisateur de thème avec des paramètres de base et avancés. Choisissez parmi 998 polices Google et appliquez-les à des éléments spécifiques de votre site Web. Vous pouvez prévisualiser les polices afin de savoir à quoi elles ressemblent avant de les publier.

Un nouveau menu est ajouté au personnalisateur de thème qui comprend les paramètres de base, les paramètres avancés, le chargement des polices et les outils de débogage.

Les paramètres de base vous permettent de choisir la famille de polices pour la typographie de base, les titres et les boutons. Vous pouvez également choisir le poids et le style de la police.

Avancé ajoute des paramètres personnalisés pour la marque, la navigation, le contenu, la barre latérale, le pied de page et les polices de chargement uniquement. Cet exemple montre les paramètres de contenu.

Vous pouvez également ajouter des polices Adobe si vous disposez d'une clé API.

Principales caractéristiques :

• Utilise le personnalisateur de thème.
• Comprend des paramètres de base et avancés.
• Aperçu avant publication.
• La version Pro ajoute la taille et la couleur de la police, héberge localement, optimise le chargement et télécharge des polices personnalisées.
• Ajoutez des polices Adobe.

Prix : Gratuit, version pro à partir de 59$ | Plus d'information

5. Police géniale

Font Awesome facilite l'ajout d'icônes à votre contenu. Vous pouvez utiliser des icônes gratuites ou professionnelles et choisir entre SVG ou Web Font. Les icônes peuvent être chargées à partir d'un CDN ou d'un kit Web. Des icônes sont ajoutées à votre contenu avec des shortcodes ou du HTML. La version gratuite comprend plus de 1600 icônes, et vous pouvez en ajouter beaucoup plus avec la version pro.

L'écran des paramètres vous permet de choisir entre utiliser un kit ou un CDN, des polices pro ou gratuites, et des polices SVG ou Web. Vous pouvez également sélectionner la version et la compatibilité que vous souhaitez utiliser.

Cet exemple montre les icônes Font Awesome ajoutées à mon contenu avec des codes courts.

L'icône que j'ai ajoutée apparaît maintenant dans le contenu sur le front-end.

Principales caractéristiques :

• Ajoutez des icônes Font Awesome avec des shortcodes ou du HTML.
• Plus de 1600 icônes pour la version gratuite.
• Utilisez des SVG ou un kit Web.
• Choisissez un CDN ou un kit.
• La version Pro comprend plus de 7800 icônes, 4 styles, 20 kits pro hébergés, 250 icônes téléchargées et plus encore.

Prix : Gratuit, la version pro est à 99$ | Plus d'information

6. Guide de style

Styleguide est un plugin de typographie simple pour WordPress qui vous permet de choisir les polices et les couleurs à partir du personnalisateur de thème. Il comprend les 45 meilleures polices Google et vous pouvez en ajouter d'autres avec du code. La compatibilité des thèmes est limitée. Cela ne fonctionne pas avec Divi par défaut. Si cela ne fonctionne pas avec votre thème, vous devrez ajouter un support de thème avec du code. Ils incluent un exemple de code.

Les options de style de police sont ajoutées au personnalisateur de thème. Les paramètres incluent la police d'en-tête, la police du corps et la couleur d'arrière-plan. Il dispose également d'une option de mode sombre qui ajoute un bouton en bas de la page.

Principales caractéristiques :

• Style de police ajouté au personnalisateur de thème.
• Choisissez les polices pour l'en-tête et le corps du texte indépendamment.
• Mode sombre.
• Ajoutez plus de polices avec du code.
• Ajoutez la compatibilité du thème avec le code.

Prix : Gratuit | Plus d'information

7. Séparateur de titre de page

Page Title Splitter vous permet de définir des points d'arrêt pour vos titres afin de déterminer où ils se diviseront. Ceci est particulièrement utile pour les petits écrans. Il fonctionne avec l'éditeur classique et vous donne une barre simple pour placer le point d'arrêt. Cliquer sur l'icône ouvre la barre. Le point d'arrêt est alors placé à l'endroit où vous cliquez dans le titre.

Les paramètres vous permettent d'ajouter des classes et du style CSS et de choisir de modifier le titre, les titres de menu, les titres de widget, etc. Il fournit des instructions détaillées sur la façon de l'utiliser.

Voici le point d'arrêt pour un exemple d'article que j'ai créé. J'en ai défini un, mais vous pouvez définir plusieurs marqueurs pour casser le titre à plusieurs endroits.

Le point d'arrêt divise le titre sur le front-end. Cela peut être utilisé pour concevoir vos titres avec des mises en page uniques qui ne sont normalement pas disponibles.

Principales caractéristiques :

• Crée des points d'arrêt pour les titres.
• Fonctionne avec l'éditeur classique.
• Définissez plusieurs marqueurs.
• Ajustez les points d'arrêt avec CSS.

Prix : Gratuit | Plus d'information

8. Titre secondaire

Secondary Title est un plugin de typographie simple pour WordPress qui fonctionne avec l'éditeur classique pour afficher un autre titre en plus du titre normal. Il ajoute un nouveau champ au-dessus du champ de titre et fournit des paramètres où vous pouvez personnaliser l'apparence et son fonctionnement. Il est compatible avec les types de publication, les catégories et les identifiants de publication spécifiques.

Les paramètres vous permettent de définir le format du titre secondaire et de définir les règles d'affichage. Définissez les règles pour les types et les catégories de publication. Il fournit un aperçu du titre secondaire afin que vous puissiez l'ajuster.

Un nouveau champ est ajouté au-dessus du titre où vous pouvez entrer le titre secondaire.

Le titre s'affiche en fonction des options sélectionnées dans l'écran des paramètres. Ce sont les paramètres par défaut.

Principales caractéristiques :

• Ajoute un nouveau champ de titre à l'éditeur classique.
• Ajustez le design du titre comme vous le souhaitez.
• Choisissez les types de publication et les catégories qui utilisent le titre secondaire.

Prix : Gratuit | Plus d'information

9. Redimensionneur de police Zeno

Zeno Font Resizer permet à vos visiteurs de modifier la taille des polices lorsqu'ils consultent votre site Web. Un cookie conserve les paramètres, de sorte qu'ils n'ont pas à les modifier à chaque visite. Vous avez le contrôle sur les choix qu'ils peuvent faire, l'icône qui s'affiche, le nombre de jours pendant lesquels le cookie fonctionne, et plus encore.

L'écran des paramètres vous permet d'ajuster le code HTML, les étapes de redimensionnement, les tailles minimale et maximale, le caractère qui s'affiche pour l'icône de redimensionnement et les paramètres des cookies. Le HTML vous permet de choisir comment fonctionne le redimensionnement.

J'ai ajouté le resizer à la barre latérale à l'aide du widget.

Principales caractéristiques :

• Ajustez les étapes de redimensionnement.
• Définissez les tailles minimales et maximales.
• Choisissez le personnage.
• Cookie conserve les paramètres du visiteur.
• Ajoutez-le avec du code ou un widget.

Prix : Gratuit | Plus d'information

Mettre fin aux pensées

C'est notre regard sur les meilleurs plugins de typographie pour WordPress. Il existe de nombreuses bonnes options qui peuvent faire ressortir votre typographie et attirer l'attention de vos lecteurs. Si vous recherchez un plugin de typographie pour WordPress, vous êtes sûr de trouver quelque chose qui répond à vos besoins sur cette liste.

Nous voulons de vos nouvelles. Quel est votre plugin de typographie préféré pour WordPress ?

Image en vedette via ANTSTUDIO / shutterstock.com