Divi : personnaliser un texte

Objectif

Le présent article vous explique comment personnaliser un texte avec le nouveau constructeur visuel de Divi. Au-delà d’un texte, ce type de personnalisation peut par ailleurs être appliqué à tous les autres modules de Divi…

Pré-requis

Une base WordPress installée avec un thème-enfant de Divi.

Le module texte de Divi

Comme tous les autres modules de Divi, le module Texte peut être appelé en ajoutant un module dans une ligne :

Les modules sont classés par ordre alphabétique. Mais pour éviter d’être obligé de faire défiler verticalement la liste de tous les modules, vous pouvez saisir le début du nom du module que vous recherchez :

Le module apparaît ainsi avec son interface de paramétrage :

Pour personnaliser le module Texte…

Le module Texte affiche un texte par défaut.

Vous pouvez écrire directement sur le texte pour le remplacer…

Une barre s’affiche alors pour vous permettre de modifier directement les principales caractéristiques du style de votre texte, sans passer par l’interface de paramétrage.

Modifier le style du module…

En survolant votre page ou votre article, vous en faites apparaître la structure ; la barre principale de paramétrage ressort en gris foncé…

Le clic sur la roue crantée affiche l’interface de paramétrage, avec ses trois rubriques habituelles : Contenu, Style et Avancé…

L’onglet Contenu permet, comme son nom l’indique, d’éditer le contenu du module (ici du texte en l’occurrence).

L’option Lien permet d’ajouter un lien cliquable au module, tandis que l’option Fond permet de changer la couleur du fond du module et d’y ajouter des effets visuels, des images ou des vidéos…

L’option Etiquette Admin a perdu de son intérêt avec le nouvel éditeur visuel et ne sert que dans le cas du constructeur backend.

L’onglet Style permet d’accéder aux paramétrages du style du module.

Ceux-ci concernent donc ici le texte pour la partie « paragraphe » (c’est-à-dire du texte normal sans balise de titre) ; « Heading Text » se rapporte au texte comportant des balise (H1 à H6) ; les autres options permettent de gérer les taille du module, marges externes et internes, bordures, encadrements et ombres, les filtres et enfin l’animation du module.

Le paramétrage de l’option Texte, par exemple, permet, outre les choix basiques déjà proposés par la barre de style directe, de modifier la couleur du texte.

Et en cliquant sur :

il est possible d’affiner le paramétrage…

L’affichage par « Défaut » peut alors être complété par un style différent en survol (« Hover »).

Ces paramétrages peuvent être annulés en cliquant sur le bouton de ré-initialisation :

Pour aller plus loin…

La documentation d’Elegant Themes, l’éditeur de Divi vous fournit des tutoriel sur les différents modules (en anglais) :

https://www.elegantthemes.com/documentation/divi/modules/

Et notamment sur le module Texte :

https://www.elegantthemes.com/documentation/divi/text/

Cet article vous a-t-il été utile ?

N’hésitez-pas à nous faire part de vos expériences et des difficultés que vous pouvez encore rencontrer, de manière à ce que nous puissions affiner et compléter ce support…