¿Qué son los divisores Divi?

Publicado el 24/05/2019 | 4 comentarios

Los Divisores de Divi le permitirán crear diseños con una estética especialmente atractiva. Puedes jugar con ellos sin límite de imaginación. En este artículo, me propongo descubrir qué es un divisor, para qué sirve y cómo utilizarlo.

En el programa:

  1. ¿Qué es un divisor Divi?
  2. ¿Qué separadores hay disponibles?
  3. ¿Cómo insertar un divisor en un diseño?
  4. Algunos ejemplos de éxito... ¡para ir más lejos!

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

Anuncio: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

1 - ¿Qué es un divisor Divi?

En diseño web, un divisor es simplemente un separador. No pienses en un separador como una "línea" o una "doble línea", no, estamos hablando de un separador con un aspecto muy gráfico. Más bien, estamos hablando de "formas " que separarán dos secciones Divi de su diseño (diseño).

Para que esta separación tenga el efecto deseado, tendrá que crear su diseño con varias secciones de diferentes colores.

De hecho, el tendencias de diseño web muestran que los separadores son muy populares y aportan un poco de frescura a una página web, si están bien utilizados.

¿Sabías que puedes probar Divi gratis? Ir a esta página y haz clic en "PRUEBA GRATUITA

2 - ¿Qué separadores hay disponibles?

les dividers de Divi

Cuando veas la imagen de arriba, podrás entender mejor esta noción de "forma de separación".

Tenga en cuenta que un divisor sólo está disponible dentro de una sección Divi. Nunca encontrará esta opción en un Módulo Divi Builder por ejemplo.

Y por defecto, el divisor de una sección está configurado como "Ninguno", es decir, no se muestra ningún divisor por defecto.

Descubre este tutorial que explica cómo conseguir separadores originales.

3 - ¿Cómo insertar un divisor en una maqueta?

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

étape 1
  • 1 - En una nueva página (o en una página existente), inserte una nueva sección y una nueva fila.
  • 2 - A continuación, inserte un módulo de texto por ejemplo.
  • 3 - Abra los ajustes (el icono del engranaje) de la SECCIÓN. Vaya a la pestaña Contenido > Fondo
  • 4 - Seleccione un color de fondo
étape 2
  • 6 - Todavía dentro de los parámetros de la sección
  • 7 - Ir a la pestaña STYLE
  • 8 - Luego a la pestaña DIVISORES
  • 9 - Puede elegir la posición del divisor: en la parte superior de la sección o en la parte inferior.
  • 10 - Por defecto, el estilo del divisor está fijado en NINGUNO. Haga clic aquí para seleccionar otra forma.
  • 11 - Cuando se selecciona un divisor, se puede ver en directo. Puede notar que el margen es una preocupación.
  • 12 - Si este es el caso, no olvide ir a la pestaña ESTILO > ESPACIO de los ajustes en el
  • 13 - Añadir margen interno
  • 14 - Espacio suficiente para que el contenido muestre correctamente el divisor.
étape 3
  • 15 - Repite la operación varias veces dentro de tu maqueta. Para ahorrar tiempo, incluso le aconsejo que cree y configure correctamente una sección y luego la duplique para mantener la misma configuración.
  • 16 - En las secciones que habrás duplicado, modifica el color de fondo de cada una de ellas.
étape 4

Aquí está la representación final:

Exemple de layout avec Dividers - 2
Cada sección debe ser de un color diferente para que funcione.
Exemple de layout avec Dividers
Ejemplo de un diseño con "divisores en forma de onda".
obtenir Divi - get Divi

4 - ¡Algunos ejemplos de éxito!

De hecho, cuando vea la representación final de mis dos ejemplos anteriores, debe estar pensando "¡pero esto es horrible! ». Seguro que hay usos más exitosos y armoniosos de los divisores.

Para ir más allá, le sugiero que descubra un tutorial que explique cómo añadir animaciones en los divisores de una sección Divi. El efecto es innegablemente original.

El siguiente vídeo explica cómo crear un gran disposición en diagonalGracias a los divisores de Divi:

Y por último, te propongo que descubras algunos ejemplos de divisores de éxito:

Exemple de dividers Divi

¿Necesitas más recursos sobre Divi? Visite el blog de ElegantThemes que está lleno de ideas y tutoriales.

apprendre à utiliser les dividers de Divi

658 palabras

3

A ti también te debería gustar:

Appliquer des masques et des formes sur vos images avec Divi

Aplica máscaras y formas a tus imágenes con Divi

Las máscaras hacen que tus imágenes parezcan más gráficas y dan a tu diseño un aspecto original. ¿Sabías que puedes crearlos fácilmente con el Constructor Visual de Divi? Te muestro cómo en este tutorial y en este vídeo.

4 Commentaires

  1. autourdevanessa

    Bonjour,

    Je n’ai plus l’option divider que j’utilisais énormément sur un site. J’ai purgé mes caches mais rien n’y fait !!
    Auriez-vous une idée ?

    Merci beaucoup

  2. Lycia Diaz

    Salut Vanessa,
    Normalement les Dividers fonctionnent sans problème. Par contre, ils sont disponibles uniquement sur les SECTIONS, comme je l’explique dans cet article. Donc si tu cherches l’option au sein d’un module, tu ne la trouveras pas. C’est peut-être pour ça que tu ne les trouves pas ? Sinon, ton thème est bien à jour ?

  3. autourdevanessa

    Merci c’était mon thème qui n’était pas à jour.

  4. Lycia Diaz

    Merci pour ton retour 😉

Soumettre un commentaire

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

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pínchalo en Pinterest

Acciones
Comparte esto