Want to make creations as awesome as this one?

Utiliser le builder Chapitre 7

Transcript

UTILISER LE BUILDER

CHAPITRE 7 : PARAMÈTRE DE CONCEPTION DIVI

MODULE 2

PARAMÈTRE DE CONCEPTION DIVI

Vous pouvez personnaliser absolument tout ce qui concerne n'importe quel module en utilisant les paramètres de conception avancés.

Voici quelques exemples du Divi Builder en action
https://www.elegantthemes.com/preview/Divi-Builder/about-us/

Chaque fois que vous éditez un module, une ligne ou une section, vous remarquerez trois onglets dans la boîte de dialogue des paramètres: Contenu, Conception et Avancé.

Vous trouverez dans l'onglet Contenu tout ce dont vous avez besoin pour créer des mises en page Divi impressionnantes et profiter pleinement de chaque module.

Cependant, si vous voulez encore plus de contrôle sur l'apparence du module, vous pouvez vous aventurer dans l'onglet Design.

Si vous êtes un développeur et que vous souhaitez utiliser votre propre CSS au lieu d'utiliser les contrôles de conception dans l'onglet Conception, vous pouvez vous aventurer plus loin dans l'onglet Avancé.

Lorsqu'il est combiné, il n' y a rien qui ne peut être personnalisé


Paramètres de conception

Les paramètres de conception varient d'un module à l'autre.

Pour chacun d'entre eux, nous avons ajouté dans l'onglet Design tous les paramètres de conception possibles que vous pourriez souhaiter.

En raison de l'étendue des paramètres de conception disponibles pour certains modules, nous les avons séparés en listes déroulantes qui basculent dans chaque groupe de paramètres de conception. Il y a aussi une boîte Options de recherche pratique, surtout des options pour faciliter la recherche d'une option de conception spécifique.

Pour localiser et utiliser les paramètres de conception, il suffit d'éditer un module, une rangée ou une section (ou d'en créer un nouveau) pour ouvrir la fenêtre contextuelle des paramètres. Cliquez ensuite sur l'onglet Design pour afficher les options de design.


A partir de cet onglet, vous pouvez faire n'importe quoi.

Les paramètres varient en fonction du type de module que vous éditez.

Typiquement, vous trouverez des options pour ajuster la typographie (taille du texte, espacement des lettres, hauteur des lignes, etc.), les ajustements d'espacement (tels que le rembourrage personnalisé et les valeurs de marge), les options de couleur (telles que la couleur du texte, la couleur de superposition, les couleurs d'arrière-plan des colonnes) ainsi qu'une série de paramètres uniques pour certains éléments.


L'utilisation de ces options de conception peut en créer certaines vraiment uniques.

Paramètres avancés

Dans l'onglet Design, nous avons créé tellement d'options que vous pouvez faire à peu près tout ce qui peut être fait avec CSS (sans toucher une ligne de code).


Si vous êtes un développeur, cependant, vous préférerez peut-être écrire votre propre code plutôt que d'utiliser nos contrôles de conception personnalisés.

Dans ce cas, vous pouvez utiliser l'onglet Avancé, qui se trouve juste à côté de l'onglet Design dans la fenêtre des paramètres modaux pour les modules, les lignes et les sections.


Dans cet onglet, vous pouvez ajouter un ID CSS personnalisé ou une classe CSS afin de cibler et d'appliquer votre propre CSS à partir du fichier style.css de votre thème enfant.

Si vous voulez supprimer le besoin et les tracas liés à la création de thèmes enfant, vous pouvez facilement cibler CSS sur des modules individuels sur des pages individuelles en utilisant les options dans le menu déroulant CSS personnalisé.

Ici, nous avons décomposé tous les éléments structuraux du module, et nous vous avons donné des champs de zone de texte dans lesquels vous pouvez taper votre propre CSS.

A l'aide de ce panneau, vous pouvez appliquer CSS aux différentes parties du module.


Par exemple, vous pouvez appliquer des CSS personnalisés directement à une icône Blurb, ou créer votre propre: après un pseudo élément directement depuis le Divi Builder.

Enfin, dans la liste déroulante de visibilité, vous pouvez régler la visibilité de votre module sur les téléphones, les tablettes et les ordinateurs de bureau.

MERCI