tuto Divi n°56

Divisores Divi: ¿que son?

Actualizado en 24/05/19

675 palabras

3 lectura de minutos
7 Comentarios

Este artículo contiene enlaces de afiliados reconocibles por el icono porcentaje (%) → Soy un enlace de afiliado

El Divi Dividers le permitirá hacer diseños con un diseño particularmente atractivo. Podemos jugar con ellos infinito sin límite de imaginación. En este artículo, le sugiero que descubra lo que es un divider, lo que es para y cómo utilizarlos.

Al programa:

  1. ¿Qué es Divider Divi?
  2. ¿Qué separadores están disponibles?
  3. ¿Cómo insertar un Divider en un diseño?
  4. Algunos ejemplos exitosos... para ir más lejos!

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

1 - ¿Qué es Divider Divi?

En reddesign, un Divider es simplemente un separador. No pienses en un separador del tipo "un rasgo" o "Doble línea"No, estamos hablando de un separador muy gráficoEs cuestión de "formas" o "formas" para venir dos secciones separadas Divi de su diseño (diseño).

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

Moreover, the tendencias de diseño web mostrar que los separadores son muy populares y traer un poco de frescura a una página web, si son bien utilizados.

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

2 - ¿Qué separadores están disponibles?

Divisores divisores

Cuando veas la imagen anterior, es mejor entender esta noción de "forma de separación".

Note que a divider sólo está disponible en una sección Divi. Nunca encontrará esta opción en una Módulo Divi Builder Por ejemplo.

Y por defecto, divider de una sección se coloca en "None", es decir, ningún separador se muestra por defecto.

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

3 - ¿Cómo insertar un divisor en un diseño?

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

etapa 1
  • 1 - En una página nueva (o en una página existente), insertar una nueva sección entonces uno nueva fila (línea).
  • 2 - Después inserte un Módulo de texto Por ejemplo.
  • 3 - Abrir los parámetros (el icono de la rueda dental) SECCIÓN. Ve a la pestaña Contenido > Antecedentes
  • 4 - Seleccione un color de fondo
Paso 2
  • 6 - También dentro de los parámetros de sección
  • 7 - Ve a la pestaña STYLE
  • 8 - Luego en la pestaña DIVIDERS
  • 9 - Usted puede elegir la posición del divisor: en la parte superior de la sección o al pie de ella.
  • 10 - Por defecto, el estilo divisor se posiciona en NOE. Haga clic aquí para seleccionar otro formulario.
  • 11 - Cuando se selecciona un divider, se puede ver en directo. Usted puede notar que el margen es una preocupación.
  • 12 - Si es así, no te olvides de ir a la pestaña STYLE √≥ SPACEMENT de la sección configuración
  • 13 - Agregar margen interno
  • 14 - El margen suficiente para que el contenido aparezca correctamente dividido.
Paso 3
  • 15 - Repita la operación varias veces dentro de su diseño. Para ahorrar tiempo, incluso le aconsejo crear y configurar una sección correctamente, y luego duplicarla para mantener siempre la misma configuración.
  • 16 - En las secciones que ha duplicado, cambie el color de fondo de cada una de ellas.
etapa 4

La entrega final es la siguiente:

Ejemplo de diseño con Dividers - 2
Cada sección debe ser de un color diferente para que funcione.
Ejemplo de diseño con Dividers
Ejemplo con "Divididos en forma de agua"
Divi - conseguir Divi

4 - Algunos ejemplos exitosos!

De hecho, cuando miras la entrega final de mis dos ejemplos anteriores, tienes que decir "¡Pero es horrible!". Es seguro, ha habido más éxito y uso más armonioso de Dividers!

Para ir más lejos, te sugiero que descubras un tutorial que explica cómo añadir animaciones en los separadores de una sección Divi¡El efecto es incuestionablemente original!

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

Y finalmente, sugiero que descubra algunos ejemplos de uso de divisores bien exitosos:

Ejemplo de divisores Divi

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

Divi 5 training

Divi training via CPF

Obtener Divi

Entrenamiento Divi

Libro electrónico Divi

Consejos gratis

Cuestionario Divi

Entrenamiento en vivo

Proudly translated by wpLingua, la extensión de traducción para WordPress ¡Que me desarrolle! SEO-Friendly / Automático / Editable

Sus comentarios...

7 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 😉

  5. Oyeee

    Ce qui serait intéressant c’est de lister toutes les balises CSS que les diviseurs utilisent, afin de pouvoir les cibler en CSS 🙂

  6. Lycia Diaz

    ouh la, c’est impossible, il y en a des centaines, voire des milliers !

  7. Oyeee

    Merci pour la réponse. Donc par exemple pour une section donnée on ne peut pas changer dynamiquement le divider (en pure css) ?

Enviar comentario

Su dirección de correo electrónico no será publicada. Los campos obligatorios se indican con *