La typographie fait partie de la stratégie de conception et peut s’avérer bénéfique lorsqu’on engage les visiteurs.

La conception joue un rôle majeur dans la question de savoir si les visiteurs continueront ou non à lire votre contenu.

Une mauvaise mise en page ou un schéma de couleurs pourrait entraîner des ventes potentielles ou empêcher les gens de partager votre site sur les réseaux sociaux.

La typographie a pour objectif de créer un aspect unique pour un site web.

Les différentes polices peuvent inspirer des connexions émotionnelles tandis que d’autres facilitent la lecture du matériel.

Heureusement, il existe de nombreux plugins typographiques pour WordPress.

Beaucoup sont capables d’utiliser certaines des meilleures polices gratuites que vous pouvez trouver en ligne.

 

Voici 16 plugins de WordPress sur la typographie

1. TinyMCE Advanced

TinyMCE Advanced devrait être l’une des premières choses que vous installez sur WordPress.

Alors que le système d’édition par défaut est bon pour créer un contenu de base, ce plugin élargit considérablement ce que vous pouvez faire avec le texte de votre site Web.

Essentiellement, il ajoute beaucoup des mêmes éléments que vous trouverez dans les applications de traitement de texte.

Ce plugin utilise un système de glisser-déposer qui permet aux utilisateurs de personnaliser l’apparence de l’outil tout en ajoutant ou en supprimant différents éléments.

Par exemple, vous pouvez ajouter des boutons de balayage et de soulignement avec un glissement rapide de la souris.

TinyMCE Advanced vient même avec des émoticônes que vous pouvez placer directement dans vos messages.

2. Better Font Awesome

Better Font Awesome permet aux utilisateurs d’intégrer divers plugins typographiques.

Tels que Font Awesome, CSS, shortcodes et le générateur d’icônes TinyMCE.

En effet, le résultat final est un outil qui vous permet de contrôler tout, depuis les polices jusqu’à la mise en place des icônes dans votre contenu.

Ce que fait cet outil est de combiner les codes courts que d’autres plugins génèrent pour la typographie.

Les icônes sont dans une seule base de données consultable que vous pouvez utiliser directement à partir de l’écran de l’éditeur WordPress.

Il ajoute un bouton à côté de “Ajouter un média” au-dessus de l’éditeur de texte pour un accès rapide et facile.

Une fois que vous sélectionnez l’icône souhaitée, Better Font Awesome fait le reste.

3. Utilisez n’importe quelle police

Beaucoup d’entre vous ont probablement des polices personnalisées ou quelque chose de spécial que vous avez téléchargé sur Internet.

Utilisez Any Font vous permettant d’appliquer ces fichiers sans coder les connaissances.

Vous connectez votre site via une API au serveur du développeur, téléchargez les polices et utilisez-les sur votre site.

Utilisez Any Font prend en charge les types de fichiers TTF, OTF et WOFF.

Une fois téléchargés, ils sont convertis automatiquement pour l’utiliser dans votre contenu.

Le plugin prend également en charge les polices téléchargées directement à partir de WordPress, du Créateur de pages SiteOrigin et de plusieurs autres systèmes.

Une fois les conversions effectuées, vos polices personnalisées sont enregistrées sur votre propre serveur Web.

4. Fonts Google faciles

La base de données Google Font est l’une des plus grandes collections d’éléments de haute qualité sur Internet.

Le plugin Easy Google Fontsvous permet d’accéder à cette collection pour placer directement sur n’importe quel thème.

Il est livré avec différents paramètres et outils pour créer une apparence personnalisée que vous pouvez visualiser en temps réel.

Un élément que beaucoup de gens peuvent apprécier est la possibilité de personnaliser chaque type d’en-tête.

L’utilisation d’éléments tels que l’en-tête 1 ou l’en-tête 2 peut essentiellement avoir un style différent.

Ce qui peut être fait à partir du personnaliseur du plugin afin que vous puissiez voir comment les modifications apparaissent sur vos publications et vos pages dans WordPress.

5. Widget de texte personnalisable facile

Votre domaine de contenu principal n’est pas le seul endroit où la typographie peut être stellaire.

Le widget de texte personnalisable facile fournit une variété de fonctionnalités pour vous permettre de modifier l’apparence de l’ajout de la barre latérale.

Les polices Google, les réglages de rembourrage, les boutons et les couleurs peuvent tous être changés en quelques clics de la souris.

Les images de fond, les icônes et l’installation du contenu sont toutes les fonctionnalités que ce plugin fournit.

Il transforme presque votre widget de texte en une page de micro-décalage compte tenu du nombre d’options disponibles pour la personnalisation.

Peut-être l’une des meilleures utilisations de cet outil est de créer un bouton d’appel à l’action dans la barre latérale.

6. Curseur de texte

Les curseurs d’image sont une excellente façon de donner au site un flux actif.

Le curseur de texte fournit cette même capacité, mais avec du texte plutôt que des graphiques.

La mise en page est réactive, ce qui signifie qu’elle fonctionnera dans un environnement mobile.

Les utilisateurs peuvent personnaliser la typographie du plugin, comme changer les couleurs, les types de police et les effets de transition.

Ce plugin est un outil relativement petit, mais il a un grand potentiel pour atteindre un public.

Le curseur de texte est livré avec un code court qui permet aux utilisateurs de le placer n’importe où qui utilise l’édition de texte. Cela inclut les messages et les pages.

Il existe également un panneau CSS personnalisé dans le cas où vous souhaitez modifier davantage les effets du plugin.

7. Black Studio TinyMCE Widget

Le widget Black Studio TinyMCE combine la puissance de votre éditeur WYSIWYG actuel avec le widget de texte pour les barres latérales.

Essentiellement, tout ce que vous pouvez modifier dans la section de contenu de l’éditeur WordPress est utilisable avec ce plugin.

Cet outil ajoute un widget Visual Editor que vous pouvez glisser et déposer dans n’importe quel élément de la barre latérale de votre thème.

Cela vous donne une flexibilité incroyable lorsque vous souhaitez ajouter des éléments aux barres latérales qui vont au-delà du simple texte.

C’est presque comme vous donner la possibilité de créer une page de contenu directement dans la barre latérale elle-même.

Black Studio Le widget TinyMCE inclut les éditeurs visuels et les éditeurs de texte pour la fonctionnalité.

8. WordPress Button Plugin MaxButtons

MaxButtons est un plugin très utile lorsque vous souhaitez ajouter un bouton sans utiliser de codes courts.

Vous pouvez modifier sa typographie pour engager l’utilisateur.

MaxButtons permet aux utilisateurs de créer des boutons CSS3 élégants qui sont à la fois attrayants et faciles à utiliser sur les appareils mobiles.

À l’aide du sélecteur de couleurs et des paramètres de police, vous pouvez créer tout, de l’appel à l’action au partage social.

Il dispose d’une large gamme d’options personnalisables pour donner à vos pages et messages un aspect unique.

Si vous achetez la version pro du plugin, vous avez accès à Google Fonts ainsi que des intégrations avec différents développeurs de formulaires.

9. CSS3 Rotation des mots

CSS3 Rotating Words est un plugin amusant qui ajoute un peu de caractère à votre site.

En utilisant des codes courts, vous pouvez ajouter des effets de rotation à un certain mot dans votre contenu afin de le faire tourner, basculer et changer.

Il existe cinq animations différentes et vous pouvez utiliser une taille de police personnalisée dans l’article.

Les utilisateurs peuvent ajouter des mots pour remplacer le contenu sélectionné qui s’affichera pendant la rotation.

Par exemple, vous pouvez prendre un mot d’une phrase et cela changera automatiquement à mesure qu’il tourne. Cela pourrait avoir un impact sur l’engagement car le site devient plus actif.

10. Poussée de texte

Vous avez toujours voulu ajouter des commentaires sur des mots-clés sur certains mots?

Le transfert de texte permet aux utilisateurs d’ajouter de petits commentaires sur différents éléments de contenu.Cela permet de clarifier les mots et les abréviations.

En effet, vous pouvez entrer ” WP ” dans un article et le texte flottant affichera “WordPress ” lorsque la souris de quelqu’un saisit l’abréviation.

Ce plugin dispose de plusieurs options disponibles pour affiner l’affichage de ces commentaires.

Par exemple, vous pouvez définir l’option pour afficher uniquement le texte flottant une fois dans la publication, ce qui vous est utile si vous souhaitez utiliser le terme à plusieurs reprises.

Le passage de texte fonctionnera également dans la section de commentaires si quelqu’un saisit les mots que vous avez définis dans le système.

11. Titre de la page Splitter

Avez-vous déjà créé un titre qui semblait trop long et qu’il ne semble pas juste quand on le voit sur le site?

Titre de la page Le diviseur peut être un bon outil à utiliser lorsque vous devez modifier un titre d’esthétique.

C’est un problème courant pour ceux qui commercialisent pour les utilisateurs de périphériques mobiles.

Les titres de la page sont souvent déplacés mal selon la taille de l’écran d’un visiteur.

À l’aide de l’outil de partage, vous pouvez demander à WordPress de déplacer le texte vers la ligne suivante dans vos titres.

Cela n’affectera pas le référencement ou le méta titre du site, mais il offre une meilleure apparence lorsque vous voulez que le contenu semble justifié et moins hasardeux.

Page Titre Splitter est également livré avec son propre outil d’édition de style CSS pour la personnalisation.

12. Zeno Font Resizer

Le Zeno Font Resizer est un plugin qui offre aux visiteurs la possibilité de modifier la police sur votre site en fonction de leurs besoins.

Cela peut être utile si les visiteurs trouvent le texte trop petit à lire.

Par exemple, ceux qui ont une mauvaise vue ont souvent besoin de polices plus grandes pour aider à clarifier le contenu.

D’une certaine manière, cela peut également être utilisé comme méthode pour promouvoir une plus grande interactivité de votre site.

L’une des plus grandes tendances de conception comprend l’interaction des visiteurs, sauf la lecture de contenu.

Cela donne aux gens la possibilité de «contrôler» un aspect de votre site sans affecter d’autres visiteurs.

C’est une expérience personnalisée car le plugin enregistre un cookie sur un ordinateur utilisateur, de sorte que l’expérience est la même chaque fois qu’il retourne.

13. Citation de traction simple

Vous avez déjà voulu accentuer un devis sur une pièce particulière que vous avez créée?

Simple Pull Quote peut être quelque chose qui vous intéressera.

Au lieu de simplement un fond coloré, autant d’utilisation dans WordPress, ce plugin crée la citation comme un élément pop-out complet avec une ombre portée.

Ce plugin ajoute un shortcode à WordPress qui est utilisable dans la plupart des domaines qui accepte le contenu du texte.

Il place également un bouton “pullquote” dans les éditeurs visuels et texte de WordPress pour une utilisation facile.

Si vous souhaitez personnaliser l’apparence de la citation extraite, vous pouvez éditer la classe “simplePullQuotes” dans le fichier style.css de votre thème.

14. wp-Typograhy

Si vous souhaitez embellir des symboles et des éléments dans votre texte, wp-Typography ajoute le contrôle sur différents éléments du contenu.

Tout cela se fait en dehors du codage CSS.

Par exemple, le plugin gère automatiquement les éléments comme les marques déposées et les symboles mathématiques.

L’outil comprend également des crochets CSS pour les composants de coiffage tels que les mots-clés et les mots majuscules.

Le plugin est livré avec un nombre incroyable d’options de personnalisation telles que le contrôle pour les «citations intelligentes» et les ellipses de condensation.

En tapant simplement certains textes dans l’éditeur de WordPress, wp-Typography fait le travail de transformer ces éléments en typographie plus attrayante et plus facile à comprendre.

15. Capuchon Simple

Les casquettes sont un bon effet, que vous écrivez des nouvelles ou de la fiction.

Le plugin Simple Drop Cap est un outil que vous pouvez utiliser pour créer l’esthétique de rendre la première lettre dans un paragraphe beaucoup plus grande que l’autre typographie.

En bref, ce plugin ajoute un code court que vous utilisez pour décaler toute lettre dans le contenu.

En raison de la façon dont le système d’édition est intégré à WordPress, Simple Drop Cap fonctionne dans presque toutes les zones qui utilisent l’éditeur TinyMCE.

Cela inclut les messages, les pages et même le widget de texte.

Vous pouvez ajouter des calques dans presque tous les endroits où vous pouvez normalement écrire un texte régulier.

La meilleure partie est que vous n’avez pas besoin de connaître CSS pour que cette fonction fonctionne.

16. Kirki

Pour ceux qui veulent un contrôle absolu sur la conception d’un thème dans le personnaliseur WordPress, Kirki est l’un des plus populaires.

Une grande partie du processus est automatisée, ce qui signifie que vous ne devez pas passer beaucoup de temps à coder.

Il est livré avec une large gamme d’outils, y compris des conseils d’outils pour aider les concepteurs.

Une des caractéristiques principales de Kirki est la possibilité de définir le type de police par défaut, y compris la taille, le poids et la hauteur.

Si vous avez des connaissances en techniques spatiales, vous pouvez également modifier cela. Il existe tellement d’options disponibles que cela peut sembler écrasant.

Cependant, apprendre l’outil peut être l’une des meilleures façons de créer une mise en page parfaite pour votre entreprise.

 

Conclusion pour la Typographie

Une bonne première impression est vitale pour le succès de tout site Web professionnel ou personnel. Vous voulez que les visiteurs soient impressionnés par un aspect propre et frais.

Un site qui ressemble plus à un mélange d’éléments graphiques, de couleurs gaies et de typographie médiocre entraînera une grande partie des personnes.

Prenez le temps de développer une mise en page agréable. Il est préférable de le faire la première fois que de passer des heures à essayer de faire revenir ces visiteurs.

 

Je vous invite à lire cet article : Comment optimiser votre site en ligne pour réussir?

 

 

 

 

Laisser un commentaire

%d blogueurs aiment cette page :