Un format RichText pour associer une icône et un texte

Le format Icon Text permet d’enrichir directement une portion de texte Gutenberg avec une icône visuelle. L’utilisateur peut sélectionner un texte, activer le format, puis choisir une icône SVG prédéfinie ou une image provenant de la médiathèque WordPress. Cette approche évite d’ajouter des colonnes ou des blocs supplémentaires pour créer une simple ligne composée d’un pictogramme et d’un libellé.

Des réglages visuels accessibles dans Gutenberg

Le panneau de configuration permet de placer l’icône avant ou après le texte, de modifier sa taille, de régler précisément l’espace entre l’icône et le contenu, et de choisir son alignement vertical. Les SVG prédéfinis utilisent la couleur choisie dans l’éditeur. Les images et SVG importés depuis la médiathèque conservent leur apparence d’origine.

Cas d’usage

Ce format convient aux listes de bénéfices, coordonnées, appels à l’action, informations pratiques, labels, arguments commerciaux et textes d’interface. Il permet de créer une hiérarchie visuelle claire tout en conservant un contenu textuel propre, éditable et compatible avec les outils natifs de WordPress.

Cohérence éditoriale et SEO

L’icône est traitée comme un élément décoratif associé au texte sélectionné. Le contenu reste donc lisible par les moteurs de recherche et les technologies d’assistance. Utilisé avec mesure, Icon Text améliore la lecture rapide des pages, facilite l’identification des informations importantes et renforce la cohérence graphique des contenus Gutenberg.