¿Qué son los divisores Divi?

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 se utiliza.

En el programa:

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

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

Aviso: 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 el diseño web, un divisor es simplemente un separador. No pienses en un separador de "una línea" o "doble línea", no, estamos hablando de un separador de 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.

Además, 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 se utilizan bien.

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

2 - ¿Qué separadores hay disponibles?

Cuando veas la imagen de arriba, entenderás 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 se inserta un separador en un diseño de página?

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

• 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

• 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 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 un problema.
• 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 - Margen suficiente para que el contenido muestre limpiamente el divisor.

• 15 - Repite la operación varias veces dentro de tu maqueta. Para ahorrar tiempo, incluso te recomiendo que crees y configures correctamente una sección y luego la dupliques para mantener la misma configuración.
• 16 - En las secciones que has duplicado, cambia el color de fondo de cada una de ellas.

Este es el resultado final:

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 a los divisores en una sección Divi. El efecto es innegablemente original.

El siguiente vídeo explica cómo crear un hermosa disposición en diagonalDivisores de Divi:

Y, por último, me propongo mostrarte algunos ejemplos de uso exitoso de los separadores:

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