fbpx
Tutoriel Divi Supreme : Créer des titres qui attirent l’attention

Créez des titres qui attirent l’oeil !

Dans ce tutoriel WordPress, je vous présente le module « Text Notation » de Divi Supreme l’excellent plugin pour Divi d’Elegant Themes. Ce module très intéressant va vous permettre d’attirer l’attention sur certains mots des titres de vos pages. Vous allez pouvoir : souligner, encadrer, surligner, barrer ou mettre entre crochets certaines parties de votre titre ou le titre en entier. Cette animation très esthétique se déclenche lorsque le titre apparaît. Si vous scrollez la page, les animations se révèlent au fur et à mesure, ce qui attire inévitablement l’œil du visiteur. 😃

Si vous ne connaissez pas encore Divi Supreme ce très bon plugin pour Divi qui lui ajoute 49 nouveaux modules et 7 nouvelles extensions, je vous invite à regarder cette vidéo où je les passe en revue un par un.

Code Promo Divi Supreme
Licence Divi
.

Insérer le module Divi Supreme Text Notation

Insérer le module dans la rangée, dans  colonne de votre choix. Si vous ne connaissez pas Divi Supreme, une fois le plugin installé, vous retrouvez tous les 49 nouveaux modules dans la fenêtre des modules classiques de Divi. Ils ont un fond bleu pour les distinguer.

 LearnDash créer une formation sur un site WordPress
Module Text Notation

Paramétrage du contenu du module Divi Supreme « Text Notation »

Dans l’onglet contenu, vous avez l’option « TEXT » le texte avant l’effet à insérer (Before Text), vous avez ensuite le texte sur lequel l’effet sera appliqué (Notation Text) et si vous avez du texte après cet effet, il faudra l’écrire dans « After Text ». Dans l’exemple ici vous constatez que l’effet porte sur mon dernier mot (Unique), le champ « After Text » restera donc vierge.

Amelia booking plugin
Paramétrage module Text Notation

En dessous vous avez l’option Notation Settings (Réglage de l’effet Notation).
Vous pouvez choisir dans « Type » différents effets que vous pouvez voir sur l’image. Dans notre exemple, nous avons choisi « Underline » (souligné).

Effets Notation Text

Vous pouvez choisir la couleur de l’effet.

La tirerette « Stroke Width » vous permet de choisir l’épaisseur du trait.

« Iterations » c’est le nombre de fois où l’animation repasse sur le trait de l’effet.

« Animation in viewport » c’est % de la Div affichée au moment du déclenchement de l’animation.

« Delay » c’est un temps en ms avant que l’animation se déclenche.

Presto Player lecteur vidéo WordPress
MalerLite
Paramètres module Notation Text

Paramétrage du Style du module Divi Supreme « Text Notation »

Dans « Heading Text » vous pouvez définir le caractère du titre H1, H2 etc.
Dans « Main Text » vous allez pouvoir intervenir sur le texte du titre dans son ensemble (taille, couleur etc.)
Dans « Before Text » vous allez pouvoir intervenir sur le texte avant le texte sur lequel portera l’effet (taille, couleur etc.)
Dans « Notation Text » vous allez pouvoir intervenir sur le texte de l’effet (taille, couleur etc.)
Dans « After Text » vous allez pouvoir intervenir sur le texte qui est après le texte sur lequel porte l’effet.

Les autres options de Style sont des options de styles classiques que l’on retrouve dans tout module Divi (Dimensionnement, espacement etc.)

Thinkific one month free
Style du module Text Notation

Vous serez peut-être intéressé aussi par…

Les bons plans Alpa14 😉

👉 Divi : Le meilleur WebBuilder WordPress, -20% sur votre licence ! 💗
👉 Divi Supreme : Décuplez la puissance de Divi, 49 nouveaux modules de qualité, -10% avec le code promo « Alpa14 » 💗
👉 Amelia : Le plugin de bookink (Prise de rendez-vous et réservations) avec modules Divi ! -10% avec le code Promo « E96DB94C » ! 💗
👉 Presto Player
: Le meilleur lecteur vidéo pour votre site WordPress !
👉 Wondershare Filmora X : Le montage vidéo facile, faites jouer votre imagination !
👉 ThriveCArt : Offre spéciale, paiement en 1X. Placez des paniers où vous voulez et déployez des tunnels de vente en quelques clics !
👉 Bunny.net : Hébergez vos vidéos sur une plateforme performante aux tarifs hyper compétitifs !
👉 LearnDash : Le meilleur plugin LMS, commencez dès aujourd’hui à créer et à vendre vos cours sur votre site WordPress !
👉 Canva : Collaborez et créez d’incroyables designs Gratuitement
👉 Thinkific : Créez & vendez vos formations, 1 mois gratuit en formule Pro
👉 O2switch : l’hébergeur de qualité (5€/mois en illimité avec nom de domaine)
👉 Inleed : L’hébergeur suédois performant et de qualité 

👉 Semrush : la meilleure boîte à outils SEO, 14 jours gratuits
👉 MailerLite : L’email marketing simple et efficace, formule gratuite + 30 jours gratuits toutes options
👉 duoLogo : Réalisez un logo pro, formule gratuite
👉 Invideo : Créez des vidéos marketing, -25% sur toutes les offres
👉 Private Internet Access
: Un VPN de qualité, protégez votre connexion Internet

 

👁️ Pour une totale transparence, les liens de ce site sont des liens affiliés, en les utilisant, vous m’offrez une commission sur la vente et votre geste sympa compensera les nombreuses heures de travail à concevoir ces tutoriels. Merci ! 🙂🙏.
Veuillez noter que jamais vous ne paierez plus cher que directement sur le site de l’éditeur. Voire parfois bien moins cher 👍.

0 Comments

Submit a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *