5 tips & astuces sur Divi (Débutant) – Concevez vos sites plus vite !

par | Déc 15, 2022

5 tips & astuces sur Divi builder

Vous cherchez des trucs et astuces sur le populaire plugin Divi Builder ?

Que vous soyez un utilisateur WordPress débutant ou expérimenté, Divi Builder peut vous aider à concevoir des sites Web magnifiques et attrayants.

Dans cet article de blog, nous couvrirons cinq tips et astuces essentielles pour vous aider à tirer le meilleur parti de votre expérience Divi Builder. Grâce à ces conseils, vous pourrez créer et personnaliser rapidement et facilement des sites époustouflants en un rien de temps.

5 tips et astuces sur Divi builder d'elegant theme

Nous aborderons les sujets ci-dessous, et je vous montrerais comment réaliser ces tips et astuces, tout ça sans codage HTML ou CSS.

– Comment souligner un texte d’une couleur différente ?

– Comment changer la couleur d’un mot dans un texte ?

– Comment mettre une section en global comme le Header et le Footer ?

– Comment étendre le style d’une section, d’une rangée ou d’un module ?

– Comment rendre invisible une section sur différents écrans ?

Que vous soyez débutant ou professionnel, ces trucs et astuces seront inestimables dans votre cheminement pour créer et personnaliser facilement de beaux sites Web.

Responsive web design

Les tips & astuces en vidéo

Les tips & astuces en image

Comment souligner un texte d’une couleur différente ?

Comment souligner un texte d'une couleur différente sur Divi ?

Cliquez sur la roue crantée du module texte en gris

Rangée et module sur divi builder

Allez dans le deuxième onglet « Style« , puis clickez sur le « U souligné« . Ce qui fera apparaître une nouvelle ligne avec un choix de couleur.

Vous n’avez plus qu’à choisir la couleur du soulignage.

Image paramètre du Divi builder

Comment changer la couleur d’un mot dans un texte ?

Comment changer la couleur d'un mot dans un texte sur Divi builder ?

Dans les paramètres du module texte, allez sur le deuxième onglet « Style » puis changez la couleur de votre texte à la couleur souhaitée (bleu dans l’exemple)

Image paramètre du Divi builder

Retournez sur le premier onglet « Contenu » et sélectionnez la partie du texte que vous souhaitez mettre à la couleur initiale (en noir dans l’exemple).

Allez jusqu’au « A souligné » et choisissez la couleur noire.

Image paramètre du Divi builder

Comment mettre une section en global comme le Header et le Footer ?

Ce tuto va vous permettre quand vous utilisez un élément global sur une page A, B et C et que vous le modifiez sur la page A, alors, les pages B et C qui ont cet élément seront également modifiées.

Cela signifie que si vous créez une section globale que vous utilisez sur plusieurs pages, vous pourrez modifier son apparence en un seul clic.

Pour réaliser cette option, rien de plus simple :

Clickez sur les trois petits points de votre section

Image paramètre du Divi builder

Clickez sur « Sauvegarder dans la bibliothèque« 

Feuille de paramètre Divi

Nommez votre section, puis positionner « Sauvegarder en tant que Global« 

Image paramètre du Divi builder

Comment étendre le style d’une section, d’une rangée ou d’un module ?

Imaginez, après avoir personnalisé dans le moindre détail le module parfait, vous souhaitez le réaliser à nouveaux.

Allez-vous vous souvenirs de tous les changements effectués ? Pas sûr !

Il existe sur Divi builder la possibilité d’étendre le style d’une section, d’une rangée ou d’un module. Cette astuce va vous faire gagner un temps considérable pour la conception de vos sites.

 

Clickez sur les 3 petits points du module que vous souhaitez étendre

Image paramètre du Divi builder

Descendez jusqu’à « Étendre les styles de résumé » et choisissez cette option.

Feuille de paramètre Divi

Arrivé sur cette page, à vous de choisir d’étendre le style à toute la page, à une section, une rangée ou seulement le module.

 

Image paramètre du Divi builder

Après avoir validé en cliquant sur « Étendre« , les modules auront exactement les mêmes paramètres.

Image paramètre du Divi builder

Comment rendre invisible une section sur différents écrans ?

Divi builder nous offre la possibilité de masquer une section, une rangée ou même un module en fonction de la taille d’écran (ordinateur de bureau, tablette et smartphone).

Très pratique, quand vous souhaitez masquer un texte trop long sur mobile.

Écran d'ordinateur, de tablette et smartphone

Clickez sur la roue crantée de la section, de la rangée ou du module que vous souhaitez masquer (le module dans l’exemple)

Allez dans le troisième onglet « avancé » et cochez les écrans sur lesquels vous souhaitez masquer le module.

Image paramètre du Divi builder
Écran d'ordinateur, de tablette et smartphone

Voilà pour ces tips & astuce qui j’espère vont bien vous aider dans la conception de vos sites web.

Enjoy 😎

PARTAGEZ-NOUS VOS RÉFLEXIONS !

0 commentaires

Soumettre un commentaire

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

LES BONNES AFFAIRES

Full Divi Templates

DR PAGE ET VOUS

CONTACT

contact@dr-page.fr

+590 690 756 945