¿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 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?

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:

• 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 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.

• 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.

Aquí está la representación 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 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:

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