fbpx

Découvrez les bons plans & les réductions Alpa14

Anniversaire DIVI -20% Cliquez !

Jour(s)

:

Heure(s)

:

Minute(s)

:

Seconde(s)

Divi Supreme : Module Text Path

Catégories

Créez de beaux chemins de texte !

Divi Supreme possède un excellent nouveau module intitulé Text Path qui vous permet de créer de magnifiques chemins de texte. Avec ce module, vous pouvez facilement créer des motifs et des dessins complexes dans votre texte. Vous pouvez même ajouter des effets intéressants comme la transparence et les ombres à vos chemins de texte. Ce module est idéal pour créer des mises en page visuellement intéressantes.

Code Promo Divi Supreme
Licence Divi
.

Une utilisation simple

1) Appeler le module Text Path

Lorsque vous avez créé votre rangée, la fenêtre pour insérer les modules de Divi s’ouvre. Une fois le plugin Divi Supreme installé, les 51 nouveaux modules qu’offre Divi Supreme dans sa version Pro viennent s’ajouter aux autre modules classiques Divi. Ils ont un fond bleu afin de les différencier. Divi Supreme Text Path est l’un d’eux. Cliquer dessus pour l’insérer.

Si vous ne connaissez pas Divi Supreme, cet excellent Plugin pour Divi je vous invite à regarder cet autre article avec le tutoriel où je présente l’extension.

Module Text Path
Hostinger hébergement web

2) Ajouter le contenu

Dans « Text », écrire le texte qui suivra un chemin particulier

Dans « Path Types » certains chemins sont prédéfinis : vague, arc, cercle etc. Si vous choisissez « Custom » vous pouvez définir votre propre chemin personnalisé en écrivant une ligne de code SVG.
Selon la forme du chemin, si le texte est trop long, il risque d’être coupé.

Formes des chemins

L’option « Direction Text » permet d’aligner à droite ou à gauche le texte.

Chemin marqué

En activant l’interrupteur « Show Path » le chemin apparaît soulignant le texte.

3) Apporter du Style au module

 L’onglet Style apporte 3 fonctions principales  pour designer ce module.

« Alignment » permet d’aligner le texte dans l’espace su module (a gauche – au centre – à droite)

Options de l'onglet Style
Code Promo Divi Supreme
Text Path Style

« Text Path » permet de designer le trait traçant le chemin. Vous pouvez changer son épaisseur avec « Path Width », modifier sa taille (Size). Cela aura pour effet d’agrandir tout le texte. Avec « Rotate », vous pourrez opérer une rotation du texte.

« Title Text » vous pouvez à cet endroit modifier l’apparence du texte : police, taille, couleur, ombre etc.

Et enfin, comme dans tout module Divi on retrouve les autres options sur lesquelles on peut jouer qui sont : Dimensionnement, Espacement, Bordure, Boîte d’ombre, Filtre, Transformer et Animation.

Formation WordPress
Democreator

Vous serez peut-être intéressé par les articles suivants :

Thème Divi : Créer une bannière accordéon

Thème Divi : Créer une bannière accordéon

Dans ce tutoriel Divi, je vous montre comment créer une bannière accordéon très design pour votre site web en utilisant le module « Image Accordion » du plugin Divi Supreme Lite. Divi Supreme Lite est la version gratuite de l’excellent Divi Supreme Pro. Divi Supreme lite compte un 20aine de nouveaux modules pour Divi contre une 60aine pour Divi Supreme Pro.

lire plus
Divi Supreme : Galerie filtrable – Filterable Gallery

Divi Supreme : Galerie filtrable – Filterable Gallery

Filtrer une galerie d’images par catégories ? C’est possible grâce au module Filterable Gallery de Divi Supreme, l’excellent plugin pour le Visual Builder de Divi.
Assignez les photos d’une galerie à certaines catégories et triez-les en 1 clic. Cette galerie photos filtrable c’est sûr, améliorera grandement le confort de navigation des visiteurs sur d’un site web WordPress Divi.

lire plus
Divi Supreme : les nouveautés du plugin Divi !

Divi Supreme : les nouveautés du plugin Divi !

De nouveaux modules pour le Divi Visual Builder d’Elegant Themes ? Oui, c’est possible ! Avec Divi Supreme poussez le design des pages de votre site WordPress Divi au maximum ! Avec Divi Supreme Pro ce n’est pas moins de 58 nouveaux modules et 8 nouvelles extensions que vous ajoutez à Divi.

lire plus