Divisores Divi: ¿que son?

El Divi Dividers vont vous permettre de réaliser des layouts avec un design particulièrement attractif. On peut jouer avec eux à l'infini sans limite d'imagination. Dans cet article, je vous propose de découvrir ce qu'est un divider, à quoi ça sert et comment les utiliser.

Al programa:

1. Qu'est-ce qu'un Divider Divi ?
2. ¿Qué separadores están disponibles?
3. Comment insérer un Divider au sein d'une mise en page ?
4. Quelques exemples réussis... pour aller plus loin !

Necesidad más tutoriales para Divi ? Mira los últimos artículos.

1 - Qu'est-ce qu'un Divider Divi ?

En reddesign, un Divider es simplemente un separador. No pienses en un separador del tipo "un trait" o "double trait", non, on parle ici d'un séparateur à l'allure très graphique. Il s'agit plutôt de "shapes" o "formes" para venir dos secciones separadas Divi de su diseño (diseño).

Pour que cette séparation ait l'effet escompté, vous devrez créer votre layout avec plusieurs sections de couleurs différentes.

Moreover, the tendencias de diseño web montrent que les dividers sont très prisés et apportent un peu de fraicheur au sein d'une page web, s'ils sont bien utilisés.

¿Sabes que puedes probar Divi gratis? Nos vemos en esta página y haga clic en "Pruébalo GRATIS"

2 - Quels séparateurs sont disponibles ?

En voyant l'image ci-dessus, vous comprenez mieux cette notion de "forme de séparation".

Notez qu'un divider est disponible uniquement au sein d'une section Divi. Nunca encontrará esta opción en una Módulo Divi Builder Por ejemplo.

Y por defecto, le divider d'une section est positionné sur "None", c'est-à-dire qu'aucun séparateur n'est affiché par défaut.

Descubre este tutorial que explica cómo obtener divisores originales.

3 - Comment insérer un divider au sein d'une mise en page ?

Veremos en detalle cómo añadir un dividedor para separar 2 secciones:

• 1 - Dans une nouvelle page (ou dans une page existante), insertar una nueva sección entonces uno nueva fila (línea).
• 2 - Ensuite, insérez un Módulo de texto Por ejemplo.
• 3 - Ouvrez les paramètres (l'icône de la roue dentée) de la SECCIÓN. Ve a la pestaña Contenido > Antecedentes
• 4 - Sélectionnez une couleur de fond

• 6 - Toujours au sein des paramètres de la section
• 7 - Allez à l'onglet STYLE
• 8 - Puis à l'onglet DIVIDERS
• 9 - Vous pouvez choisir la position du diviseur : au sommet de la section ou au pied de celle-ci.
• 10 - Par défaut, le style du diviseur est positionné sur NONE. Cliquez ici pour sélectionner une autre forme.
• 11 - Lorsque vous sélectionnez un diviseur, vous pouvez l'apercevoir en direct. Vous remarquerez peut-être que la marge pose un souci.
• 12 - Si c'est le cas, n'oubliez pas de vous rendre à l'onglet STYLE > ESPACEMENT des réglages de la section
• 13 - Ajoutez de la marge interne
• 14 - Suffisamment de marge pour que le contenu laisse apparaitre proprement le divider.

• 15 - Renouvelez l'opération plusieurs fois au sein de votre layout. Pour gagner du temps, je vous conseille même de créer et paramétrer correctement une section, puis de la dupliquer pour conserver toujours les mêmes réglages.
• 16 - Sur les sections que vous aurez dupliquées, modifiez la couleur de fond de chacune d'entre elle.

La entrega final es la siguiente:

4 - Quelques exemples réussis !

Effectivement, quand vous regardez le rendu final de mes deux exemples ci-dessus, vous devez vous dire "mais c'est horrible !". C'est sûr, il y a plus réussi et plus harmonieux comme utilisation de Dividers !

Para ir más lejos, te sugiero que descubras un tutorial que explica comment ajouter des animations sur les dividers d'une section Divi. L'effet est incontestablement original !

El siguiente vídeo explica cómo crear un hermoso diseño diagonalGracias a Divi Dividers:

Et enfin, je vous propose de découvrir quelques exemples d'utilisation de dividers bien réussis :

¿Necesita más recursos en Divi? Visita Elegante Themes blog lleno de ideas y tutos!