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. Puedes jugar con ellos infinitamente sin ningún 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áfico. Más bien, es "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 diferentes colores.

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 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, el 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 divider 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 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 la configuración (el icono de rueda dentada) del SECCIÓN. Vaya a la pestaña Contenido > Antecedentes
  • 4 - Seleccionar color de fondo
Paso 2
  • 6 - También dentro de los parámetros de la sección
  • 7 - Ir a la pestaña STYLE
  • 8 - Luego a 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 este es el caso, no te olvides de ir a la pestaña STYLE Ajustes de la sección del programa
  • 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 que cree y configure una sección correctamente, a continuación, 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 estar en 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, debes 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 separadores de una sección Divi. ¡El efecto es indiscutiblemente 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 training via CPF

Obtener Divi

Entrenamiento Divi

Libro electrónico Divi

Consejos gratis

Cuestionario Divi

Entrenamiento en vivo

icono 256x256

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

Presentar un comentario

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