Módulos de Divi: una lista completa de 46 módulos y sus funcionalidades

Actualizado en 31/05/21

4376 palabras

15 lectura de minutos
25 Comentarios

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

Hablamos muy a menudo sobre Módulos Divi, pero deberíamos hablar de Módulos Divi Builder.

De hecho, los módulos para construir un diseño están disponibles desde Divi Builder (Constructor virtual) Tema Divi (no confundir el tema Divi con el Divi Builder).

Buenas noticias: esto significa que se puede utilizar fabricante Divi con cualquier tema y no sólo con Divi.

Por ejemplo, usted podría muy bien utilizar el Divi Builder con el tema diecinueve d

Más información sobre el Divi Builder.

Nota: Desde la versión 3.29.x, la Divi Builder a) Integrada 16 nuevos módulos que sólo encontrarás si usas WooTrade. Con la llegada de WooCommerce Constructor de Divi, 16 nuevos módulos han venido a enriquecer a los 46 módulos ya presentes. Ahora puede construir sus hojas de producto con el Editor Visual.

En este artículo, te propongo descubrir el lista completa de los 46 módulos Divi... Aquí está el programa:

Índice

¿Necesitas dominar Divi? Descubre mi entrenamiento que te acompaña paso a paso en la comprensión y uso de Divi! Más información sobre Divi training.

¿Qué es un módulo?

Un módulo es un pequeño bloque que se añade en una sección para construir el diseño de una página web (distribución de página). Por lo tanto, un diseño es una sucesión de bloques pequeños que se siguen unos a otros y/o junto a otros.

Al construir una página utilizando una página de construcción, añadir secciones a las que añadir módulos.

Los constructores de página revolucionaron WordPress: gracias a ellos, uno podría conseguir diseños "complejos", ya que WordPress en el momento propuso sólo un editor clásico.

Antes WordPress versión 5, texto, imágenes, códigos cortos y HTML sólo se pueden añadir a las páginas CMS.

Recientemente, Gutenberg nos deja con mayor flexibilidad, pero este último aún no ha enterrado las páginas de construcción anteriormente conocidas: Divi Builder, Elementor o Beaver Builder.

Los módulos son la fuerza de las páginas de construcción. Si estos constructores de página no ofrecen efectivo o "Fashion", los usuarios pueden recurrir a soluciones competitivas. Por lo tanto, la apuesta es crucial.

Es ciertamente por esta razón que Divi Builder embarca de forma nativa 46 módulos mientras que otras páginas de construcción ofrecen complementos para compensar sus módulos limitados.

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

Los módulos Divi difieren según la sección Divi utilizada

Como he dicho, los módulos se insertan en secciones. Divi ofrece 3 tipos de secciones:

  • Secciones "Standard"
  • "Especialidad" secciones
  • Secciones de pantalla completa

Dependiendo de las secciones utilizadas, Divi te ofrecerá diferentes módulos.

El secciones "Normal" y "Especialidad" compartir los mismos módulos. Sin embargo, se proponen módulos específicos Secciones de pantalla completa.

Los módulos Divi difieren según las secciones
Los módulos Divi difieren según las secciones

Breve historia:

  • Los módulos 1 a 37 se pueden utilizar en las secciones "Normal" y "Especialidad" (ver lista sumaria)
  • Los módulos 38 a 46 se pueden utilizar únicamente en secciones "Full Screen" (ver lista resumida)

Los 46 módulos disponibles para construir sus páginas:

Vamos a descubrir sin más demora el lista de 46 módulos disponibles en el Divi Builder

Más información sobre el Divi Builder.

Módulo #1: Accordion

Módulo 1: acordeón

Un acordeón le permite añadir contenido visible sólo si los usuarios de Internet hacen clic en él. Así usted será capaz de insertar una sucesión de información haciendo lectura más fluido para el usuario de Internet.

Cuando se abre un acordeón, se cierra el precedente. Es ideal para construir una página de preguntas frecuentes (Preguntas frecuentes) o para mejorar parte de su página de ventas.

El Módulo Divi "Accordion" es completamente personalizable: colores, iconos, títulos, esquinas redondeadas, etc.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #2: Llamada a la acción

Módulo 2: llamada a la acción

¿Qué sitios web sin CTA (llamada para la acción) serían? Una llamada a la acción debe hacer que el usuario de Internet desee hacer clic en ella.

Un botón simple a menudo no es suficiente, Módulo Divi "Llama a la acción" le permite añadir un título + texto + botón. Puede personalizar el fondo con un color atractivo o incluso con una imagen inspiradora.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #3 : Audio

Módulo 3: Audio

El Módulo de audio Divi es simple y elegante. Será necesario si su blog o sitio está en el tema de la música o si propone podcasts.

Puede añadir una imagen de cubierta (cubrimiento de album), elegir el color de fondo así como varios arreglos.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #4: Barra lateral (Sidebar)

Módulo 4: Barra lateral

La barra lateral también se conoce como Sidebar. Esta es una característica nativa de WordPress.

Una barra lateral es una ubicación que se encuentra generalmente en el lado del blog de un sitio de WordPress (en la página del blog y en cada artículo) y muestra sus Widgets (Tabs Apariencias Widgets).

Sin embargo, la ubicación de la barra lateral depende del tema.

Por ejemplo, el último tema de WordPress (Twenty Nineteen) no ofrece una barra lateral, si quieres añadirlo, tendrás que codificarlo en un tema niño.

El Divi Builder propone un Módulo de barra lateral Esto significa que puedes añadir una barra lateral donde quieras. Puedes colocarla a la derecha, a la izquierda, en una página, etc.

Puede personalizar su apariencia, pero también cambiar su contenido con cada nueva inserción de este módulo (que no es el caso con una barra lateral clásica).

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #5: Interruptor (Toggle)

Módulo 5: toggle

El módulo Interruptor Divi (también conocido como "Toggle"Parece que Módulo de acuerdos. Añade contenido en pestañas que el usuario puede abrir o cerrar.

La diferencia con el acordeón es que cuando se abre un acordeón, el anterior se cierra automáticamente mientras las pestañas Toggle permanecen abiertas, a menos que el usuario las cierre.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #6: Blog (Blog)

módulo 6: blog

Mientras que Word La prensa permite definir una página como "la página para albergar artículos de blog" (en la pestaña Ajustes Lectura), Módulo de Blog Divi te permitirá añadir una serie de artículos a las páginas de tu elección.

¡Este módulo es muy interesante! Algunas opciones de personalización están disponibles como la elección de la pantalla de elementos en lista o rejilla, categorías para mostrar o excluir, iconos, etc.

Ver documentación oficial | Regreso al resumen

más recursos para Divi

Módulo #7: Tienda (Shop)

Módulo 7: Tienda

El Módulo boutique (Shop) se comporta del mismo modo que el Módulo de Blog. En lugar de encontrar los productos de su tienda en Página de almacén Sólo (página generada y/o sugerida por WooCommerce), puede mostrar todos o parte de sus productos en cualquier página, o incluso dentro de sus artículos (si utiliza el Divi Builder)!

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #8: Botón (Button)

Módulo 8: botón

¿Qué sería una página web sin botones? ¿No hay llamada a la acción? Indispensable en una página de ventas, por ejemplo, la Módulo de botón Divi permite elegir el color de fondo, el color y el espesor de la frontera, añadir una animación e incluso un icono. Sin mencionar la forma de las esquinas: cuadrada, redondeada o completamente redonda.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #9: Mapa

Módulo 9: mapa

El Módulo de tarjeta Divi permite mostrar un Google Custom Map. A veces no necesitarás este módulo y puedes simplemente integrar un mapa usando su URL en un módulo de texto...para ser probado!

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #10: Búsqueda (Buscar)

Módulo 10: Búsqueda

El Botón de búsqueda ofrece la característica de la búsqueda en el sitio. Al agregar este módulo a su diseño, permitirá a sus visitantes buscar por palabra clave dentro de su contenido. Además, puede excluir algún contenido inapropiado.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #11: Código (Code)

Módulo 11: código

A veces necesitará agregar algunos bits de código a su contenido. Puede ser HTML, CSS o incluso Javascript. El tipo de código que se inserta generalmente en el encabezado de una página web.

El Módulo de código Divi te permitirá hacerlo fácilmente. Esto puede ser un activo importante cuando lo desee Importaciones/exportaciones todo listo con algunas características incrustadas.

Atención, como medida de seguridad, sólo un usuario con estado de administración puede agregar este tipo de código.

Además, para que este código funcione, necesitará crearlo en un editor de texto y minificarlo (todo en la misma línea / no salto de línea).

Para aprender más, descubrir Cómo utilizar el módulo Código.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #12: Comentarios (Comentarios)

Módulo 12: Comentarios

El Módulo de comentarios le permite insertar una función de comentario en cualquier lugar de su página. Esto evita que su lector caiga al final del artículo para dejarle un mensaje. ¿Es una buena idea? Para ver...

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #13: Contadores de barras

Módulo 13: contador de barra

Este módulo permite mostrar barras de progreso con una animación de carga perezosa. Es ideal para mostrar habilidades, como bar porcentual. Por ejemplo: WordPress 90%, Javascript 80%, HTML 95%, CSS 95%, etc. El renderizado será optimizado si sus porcentajes son diferentes.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #14: contador de círculo

Módulo 14: contador de círculo

Esta es otra manera de mostrar tus habilidades. En lugar de mostrarlas como barra, este módulo Divi permite mostrarlas como círculo, con el porcentaje en el centro. Una animación en "carga perezosa" le permite llenar el círculo en una dirección de reloj.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #15: contador de números

Módulo 15: contador de números

Esta otra manera de mostrar sus habilidades también le permitirá mostrar cualquier otro número. No tendrás que usar porcentajes.

Por ejemplo, una agencia web podría utilizarla para mostrar el número de proyectos realizados, el número de clientes, el número de autobuses de café, etc.

Ver documentación oficial | Regreso al resumen

¿Lo sabías? Puedes probar Divi gratis visitando en esta página y haciendo clic en "Pruébalo GRATIS"

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #16: Timer de cuenta atrás

Módulo 16: reloj

El Módulo de cuenta regresiva permite mostrar un temporizador visual con cuenta atrás.

Es ideal para crear una locura en una página próxima, cuando se lanza un producto o para anunciar la próxima apertura de su sitio.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #17: Posts Scroller (Post Slider)

módulo 17: cursor de desplazamiento posterior

Es una especie de deslizador que hace que algunos de sus artículos pergamino. Puede configurar el tipo de elemento para mostrar, animación automática, velocidad, etc.

También puede agregar opciones como Efecto del paralaje que da un buen efecto al deslizador.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #18: Video Scroller (Video Slider)

módulo 18: cursor de desplazamiento de vídeo

El módulo Desplazador de vídeo permite mostrar un slider de varios vídeos. Como con el slider posts, puede configurar algunos ajustes para personalizar su pantalla.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #19: Diapositiva (Slider)

Módulo 19: diapositiva

El Módulo de diapositivas es simplemente un deslizador. Puedes colocarlo donde quieras y sobre todo, puedes mezclar las imágenes con los vídeos.

También puede activar la opción parallax que siempre da un efecto muy agradable. En cada diapositiva, puede añadir texto y un botón de llamada.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #20 : Correo electrónico Optin (Email Optin)

módulo 20: correo electrónico de opción

El Módulo electrónico Optin ofrece la misma funcionalidad que Bloom, el plugin de ElegantTheme incluido en la licencia.

Bloom le permite colocar un formulario de registro en lugares estratégicos en su sitio mientras que el Módulo electrónico Optin le permite colocar este formulario en cualquier lugar de su página.

Es fácil de usar y es compatible con unos 20 proveedores como MailChimp, Aweber, FeedBurner, MailPoet y muchos otros.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #21: Formulario de contacto

Módulo 21: formulario de contacto

Este módulo le ofrece la posibilidad insertar un formulario de contacto fácil y rápido. Tampoco tendrás cientos de posibilidades, pero aún puedes crear campos personalizados.

El Módulo de formulario de contacto es suficiente si solo quieres ser contactado. La ventaja es que encaja perfectamente en su página (desde un punto de vista de diseño).

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #22: Galería (Gallery)

módulo 22: galería

Como su nombre indica, el Módulo de galería Divi, permite insertar varias imágenes presentadas como galería.

Usted puede elegir varias opciones para mejorar la apariencia de la pantalla: añadir una leyenda, una sombra, hacer las esquinas redondeadas e incluso cambiar el icono en la escala de vuelo.

Cuando el usuario de Internet haga clic en una foto, se abrirá en un lightbox.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #23: Imagen (Imágen)

módulo 23: imagen

El Divi Image Module Parece módulo de galería. Ofrece los mismos tipos de personalizaciones excepto que sólo puede insertar una imagen en lugar de varias.

También puede agregar una animación y un enlace (URL) al destino de la imagen.

Ver documentación oficial | Regreso al resumen

Divi - conseguir Divi

Módulo #24: Navegación de entradas (Post Navigation)

módulo 24: navegación en puestos

Este módulo permite insertar enlaces de navegación Completamente personalizable.

Así que tendrás un botón « anterior » y "Siguiente" que permitirá al usuario de Internet navegar libremente entre ciertas categorías o páginas de blog.

Puede configurar este módulo según varios criterios dependiendo del contenido o con configuraciones avanzadas.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #25: Tabletas (Tabs)

Módulo 25: pestañas

El módulo pestañas Divi (Tabs) permite mostrar contenido como pestañas separadas por intercapas. Como una carpeta.

Puedes nombrar cada ficha con un título y añadir texto, imágenes, videos, códigos cortos y más!

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #26: Persona (Persona)

Módulo 26: persona

El Módulo Divi Person permite añadir una especie de "tarjeta de identidad" para presentar a una persona.

Es ideal para mostrar su perfil o presentar a los miembros de su equipo. Puedes agregar una foto, texto y enlaces a redes sociales.

La presentación es bastante básica. Si deseas añadir su bio al final de sus artículos, leer este tutorial en su lugar.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #27: Portfolio (Portfolio)

Módulo 27: Cartera

El Divi Portfolio Módulo (Portfolio) sólo será útil si usas on "proyectos" Divi.

Los proyectos se comportan como entradas de blog pero cartera. Es ideal si quieres mostrar sus diversos logros.

De esta manera, este módulo mostrará sus últimos logros en su ubicación deseada, dentro de su página. Usted accederá a varias configuraciones que le permitirá elegir ciertas categorías, mostrar en modo de cuadrícula o pantalla completa etc.

Si deseas cambiar el tamaño de las imágenes de su cartera, leer este artículo detallado.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #28: Cartera filtrable (Portafolio ajustable)

Módulo 28: cartera filtrable

El módulo de cartera Filtro ofrece la misma funcionalidad que la Módulo de cartera clásico : le permite mostrar su proyectos (portfolio).

La diferencia es que puedes mostrar tus proyectos de forma clasificada Tabs.

Es ideal si eres un diseñador gráfico y tienes muchos logros para mostrar como logotipos, envases, volantes, tarjetas de visita, etc.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #29: Resumen (Blurb)

Módulo 29: Resumen

El Módulo de resumen de Divi (Blurb) es un módulo que se puede utilizar en muchos casos.

Permite añadir texto, así como imágenes o iconos. Si coloca estos módulos en una línea dividida en 3, 4 o 5 columnas, puede alinear varios iconos/textos para presentar sus servicios o resúmenes apuntando a otras páginas de su sitio (a través de la inserción de un enlace en este módulo).

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #30: Inicia sesión (Entrar)

Módulo 30: Conectar

El Módulo de registro de Divi (Login) le permite insertar un formulario de inicio de sesión en cualquier lugar de su página.

Esto es ideal si su sitio ofrece una parte accesible sólo para los usuarios miembros o algunos usuarios restringidos.

Ver documentación oficial | Regreso al resumen

tutorial principiante para aprender a usar Divi

Módulo #31: Síguenos en redes sociales

Módulo 31: Síguenos en Redes Sociales

El Módulo "Síguenos en redes sociales" (Social Media Follow) le permite añadir hasta 14 iconos de redes sociales.

Simplemente configurarlos con sus enlaces de redes sociales (página facebook, cuenta de Twitter, etc.) para que sus usuarios se conviertan en seguidores leales!

Este módulo se puede insertar en cualquier lugar de la página Divi Builder.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #32: Divisor (Dividente)

Módulo 32: Separador

El Módulo separador divi (divider) permite insertar un espacio entre dos secciones.

Este espacio puede tomar la forma de una línea desde la que puede elegir el color y el espesor. También puede decidir utilizar este espaciado horizontal o verticalmente.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #33: Tabla de precios

Módulo 33: Cuadros arancelarios

El Módulo de tabla de tarifas (Pricing Table) le permite mostrar sus tarifas de forma original y profesional.

Es ideal si usted ofrece sus servicios bajo 3 ofertas ofrecidas. Podrás destacar una oferta en comparación con otros y comparar servicios incluidos o excluidos con una pantalla visualmente diferente.

Usted puede elegir la ubicación del icono de la moneda utilizada, añadir un sufijo para ofrecer una tasa de suscripción y un botón de llamada a la acción.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #34: Texto

Módulo 34: Texto

El Módulo Texto Divi es sin duda el módulo más utilizado en un sitio.

Al agregar a cualquier lugar en su página, obtendrá un editor de texto que se parezca al propuesto por WordPress antes de la versión Gutenberg.

Además, tendrá muchas opciones de configuración.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #35: Título de publicación

Módulo 35: Título de posición

El Título del puesto permite mostrar el título del artículo/página en el que se inserta.

Las opciones permiten mostrar la imagen delantera (sobre o debajo del título), añadir metástasis de una manera personalizada, etc. Así, su página obtendrá un diseño único.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #36: Testimonio

Módulo 36: Testimonio

Con la Módulo de prueba Divi (Testimonial), puede mostrar fácilmente las opiniones de los clientes de una manera original.

Puede agregar el nombre del cliente, posición dentro de la empresa, nombre de empresa, enlace a un sitio web, foto de perfil, etc.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #37: Video (Video)

Módulo 37: Video

El Módulo de vídeo Divi es muy interesante porque le permite añadir más que un vídeo.

Usted será capaz de insertar un vídeo disponible en su biblioteca (esto no es realmente recomendado porque podría añadir a su sitio web) o a un Video hospedado por YouTube por ejemplo (gracias a su vínculo).

Además de esto, usted será capaz de mostrar una imagen personalizada que cubrirá su vídeo mientras espera que el usuario de Internet haga clic para iniciar la reproducción.

Ver documentación oficial | Regreso al resumen

Más consejos para Divi

Módulo #38: Mapa de pantalla completa (Mapa web completo)

Módulo 38: Mapa de pantalla completa

Con la módulo Mapa de pantalla completa (Mapa completa), puede insertar un mapa Google Map en una Sección Pantalla completa (Sección de color violeta). Como con el Módulo de mapa clásico debe estar en posesión de un Google Developer API clavepara poder utilizar este módulo.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #39: Código completo de ancho (código completo)

Módulo 39: Código de ancho completo

El módulo Código completo (Código completo) funciona de la misma manera que el Módulo de código clásico pero no se puede insertar sólo en un Sección Ancho completo (sección violenta).

Este módulo es ideal para desarrolladores o para integrar un código de terceros, añadir Javascript, HTML, CSS etc.

Ver documentación oficial | Regreso al resumen

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

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #40: Fullwidth Post Slider

Módulo 40: Ancho completo Posts Cursión de desplazamiento

El módulo Persiana de ancho completo Simplemente te permite añadir un slider de tus últimos artículos.

Este módulo sólo se puede insertar en una sección de ancho completo (violeta) y tiene la misma función que la módulo Cargador de correo clásico.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #41: Fullwidth Slider

Módulo 41: Scroller Vídeo completo

El módulo Tirador de ancho completo insertar sólo en un Sección Ancho completo (sección violenta) y ofrece las mismas características módulo diapositivas clásicas.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #42: Encabezado de pantalla completa (encabezado completo)

módulo 42: Header Full Screen

El módulo Cabecera de pantalla completa (Fullwith Header) es el módulo ideal para crear un héroe Header. Puede agregar una imagen grande, texto, logotipo y uno o dos botones de acción.

Este módulo solo se puede insertar en un módulo Sección Ancho completo(violeta)

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #43: Imagen Full Width (imagen total)

Módulo 43 : Imagen Full Width

El módulo Imagen en anchura completa funciona como Módulo de imagen clásico. Puedes usarlo dentro de un Sección Pantalla completa Solo.

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #44: Menú de pantalla completa

módulo 44: menú de ancho completo

Esta es una característica interesante. El Pantalla completa Módulo de menú es un módulo solo disponible Secciones Pantalla completa (sección violenta). En otras palabras, no hay "versión clásica" disponible en otros tipos de sección.

Este módulo te permitirá añadir una nueva navegación en sus páginas, diferente de su navegación principal.

Aún mejor, podría utilizar este módulo para Borrar la navegación principal desde su sitio y moverlo por su página.

Así que primero puedes añadir un Sección de "héroe jefe" seguido por el menú (en lugar de hacer lo contrario).

Este módulo le permitirá construir diseños originales, que están fuera de lo común.

Además, eso es lo que te sugiero que hagas en este tutorial: reemplazar el menú principal con un menú adjunto al pergamino.

Ver documentación oficial | Regreso al resumen

Pruebe Divi

Módulo #45: Portafolio de pantalla completa (Portafolio completo)

módulo 45 : Portafolio de pantalla completa

El módulo Portafolio de pantalla completa ofrece las mismas características Módulo de cartera clásico. Puede insertar sus carteras en un Sección Pantalla completa (sección violenta).

Ver documentación oficial | Regreso al resumen

Consejos Divi: el blog dedicado al tema Divi (tips, tutoriales, recursos, etc.)

Módulo #46: Título de Fullwidth Post

Módulo 46: Título del artículo en anchura completa

El módulo Título del post de pantalla completa funciona como módulo Título clásico. Sin embargo, como otros módulos de pantalla completa, sólo se puede utilizar en uno Sección de pantalla completa (sección violenta).

Ver documentación oficial | Regreso al resumen

más recursos para Divi

Alternativas a los módulos Divi

Acabamos de ver todo módulos que el Divi Builder ofrece. La lista es impresionante... Sin embargo, puede que no sea suficiente para su proyecto.

¿Cómo podemos enriquecer los módulos Divi? Hay muchas soluciones:

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

La lista final de 46 módulos Divi
Los módulos Divi Builder

Divi training via CPF

Obtener Divi

Entrenamiento Divi

Libro electrónico Divi

Consejos gratis

Cuestionario Divi

Entrenamiento en vivo

icono 256x256
¡Descubre mi extensión wpLingua, que hace que sus sitios sean multilingües en tan solo unos pocos clics! Compatible con SEO / Automático / Editable

Sus comentarios...

25 Commentaires

  1. Berga

    Bonjour,
    Je lis « jusqu’à 14 icônes de réseaux sociaux ». Or dans une autre page, il me semble que vous expliquez comment créer une page enfant pour ajouter une icône de reseau sociale absente de la page parent. Est-ce un ancien article du coup? Le builder permet-il de le faire depuis peu?
    Excusez ces questions de novice, je démarre tout juste et je suis à la lettre votre article « Options du Thème Divi : focus sur l’onglet Général »

  2. Lycia Diaz

    Bonsoir Berga !
    Effectivement cela peut porter à confusion. Le Divi Builder permet d’insérer un module proposant jusqu’à 14 icônes de réseaux sociaux. Toutefois, le Divi Builder n’est pas présent en pied de page (Footer), c’est pourquoi nous devons créer un thème enfant. Donc pour répondre à votre question : ce n’est pas une erreur et on est bien sur deux fonctionnalités différentes. Peut-être que ce nouvel article poura aussi vous aider : https://astucesdivi.com/fonctionnement-divi/
    A bientôt !

  3. Sébastien

    Bonnes explications merci

  4. Lycia Diaz

    Merci Sébastien !

  5. JAvier

    Very interesting Sébastien. However I want to use the post navigation module but I can not find it this module in the last version of Divi. Could you help me, please? Thank you.

  6. Lycia Diaz

    Hola Javier !
    My name is Lycia, no Sébastien (LOL) 😉
    I just checked and the « post navigation module » is still here. I don’t understand why you don’t find it ?!
    Where do you want to insert it ?

  7. Sandra

    Bonjour Lycia,
    Ma demande concerne le module blog. Je suis en train de créer un site et je rencontre un problème que je n’ai jamais eu sur d’autres sites que j’ai réalisés (même version WordPress et Divi et mêmes réglages du module blog).
    Lors de la création d’un article, je choisis une image dans « image mise en avant ». Celle-ci s’affiche bien dans la vignette de l’article sur la page blog mais s’insère aussi automatiquement en grand sur ma page article en dessous du titre et est verrouillée.
    Avez-vous déjà rencontré ce problème ? Est-ce qu’il y aurait un code CSS pour contrer ce problème ?
    Un grand merci pour votre aide.

  8. Lycia Diaz

    Salut Sandra,
    Je ne pense pas que ce soit un bug. C’est un réglage de Divi proposé dans ses options. La réponse est dans cet article au chapitre 1 – pastille n°3 = https://astucesdivi.com/onglet-disposition/
    Si tu désactives l’option « vignette », tu n’auras plus l’image de mise en avant en dessous de ton titre.
    À bientôt
    Lycia

  9. Sandra

    Mais oui, bien sûr ! J’avais complètement oublié ce réglage dans l’option du thème… Un grand merci pour ton aide Lycia ! Bonne journée.

  10. Lycia Diaz

    Super 😉

  11. modestypants

    Bonjour
    Je souhaite utiliser le module Email Option pour que le visiteur inscrit son email afin de reçevoir un email unique de ma part avec un code promo par exemple
    Est ce possible avec module car j’ai renseigné l’API Key , j’ai crée une campagne avec mailchimp mais cela ne fonctionne pas
    PS: mon site n’est pas terminé, j’ai enlevé la maintenance pour que vous puissiez voir
    merciii

  12. Lycia Diaz

    Salut. C’est quoi qui fonctionne pas ? La newsletter ? Le module e-mail optin est sensé récupérer l’email du visiteur et le stocker chez ton provideur. Est-ce que ça ça fonctionne ? Si non, tu dois vérifier tes paramètres je suppose…

  13. Delphine Mauro

    Bonjour, je travaille sur DIVI et je cherche à le rendre responsive. J’ai été dans le customizer et aussi dans les modules mais rien n’y fait mes boutons qui sont dans le header ne s’affichent ni sur tablette ni sur mobile…sans compter les superpositions des écritures ! merci par avance pour votre aide

  14. Sandra

    Bonjour Lycia,
    En ce qui concerne le module Personne, je voudrais que les icônes des réseaux sociaux s’ouvrent dans une autre fenêtre. J’ai vu que c’était possible de le faire pour les icônes dans le footer, mais je n’ai pas trouvé la solution pour ce module.
    Merci par avance pour ton aide.

  15. Lycia Diaz

    Salut Sandra, je ne me suis jamais penchée sur ce module, ce doit être possible, je vais regarder dans les prochains jours

  16. Sandra

    Merci Lycia. Bonne journée.

  17. tarek

    Bonjour,

    Tout d’abord merci pour cet excellent blog et meilleurs voeux pour 2021.

    Je commence à utiliser Divi en vue de la création d’un site de présentation de noms de domaine à vendre.

    J’ai commencé par créer une page avec des rangées de 5 vignettes elles-même créées avec le module « résumé ».

    Jusque là tout va bien puisque j’arrive à indiquer le nom de domaine, le prix et un lien de « contact » dans chaque vignette…

    Sauf que j’aimerais que ces vignettes soient classées par ordre alphabétique sur toute la page y compris lorsque j’en crée une nouvelle à la fin…Car de plus s’y j’insère une vignette au milieu de la page le décalage ne s’opère pas…

    A terme j’aurai plus de 200 vignettes, voire plus sur la page.

    Pour donner une idée la présentation pourrait ressembler à celle du site brandbucket .com dans la catégorie all names par exemple. Sauf que eux ne classent pas par ordre alphabétique et que je n’ai pas forcément besoin que mes vignettes renvoient vers une fiche produit…

    Auriez-vous une idée svp ? peut-être n’ai-je pas utilisé le bon module dès le départ au lieu d’un qui permettrait ce fameux classement…ou peut être faut-il toucher au code ?

    Merci

  18. Lycia Diaz

    Salut Tarek,
    Je ne sais pas trop quoi te conseiller. Car tu pourrais en effet utiliser les Projets de Divi par exemple mais chaque projet ouvrirait sa propre page et surtout, il n’y a pas de moyen de les filtrer par ordre alphobétique, idem pour le module blog. Avec WooCommerce, peut-être que tu pourrais créer tes fiches mais rest aussi à vérifier si on peut les afficher par ordre alphabétique, je ne suis pas sûre. Du coup, j’ai pas trop d’idée. Peut-être un plugin spécialisé ou à faire développer ?
    Désolée 😉

  19. tarek

    Bonjour Lycia,
    Merci pour ton retour. En effet c’est un peu le tirage de cheveux là 🙂
    Du coup je pense me diriger vers Woocommerce car à priori je pourrai trier par ordre alphabétique les vignettes en fonction du « nom du produit ».
    En cliquant dessus le lien redirigera vers la fiche produit dans laquelle j’insérerai un formulaire de contact…
    Du coup dans la page qui regroupera mes produits (page catalogue) aurais-tu une idée de comment ne pas afficher l’image du produit mais juste le nom et le prix…
    Au passage si tu as une idée pour faire disparaitre le bouton « ajouter au panier » dans la fiche produit je suis preneur…
    Je suppose qu’il doit y avoir un code du type « display none » mais là je suis perdu…
    Encore merci…
    Tarek

  20. Lycia Diaz

    Salut Tarek, pour supprimer le bouton d’ajout au panier, je te conseille de construire ta fiche produit avec le thème builder et d’omettre sciemment le module « Woo Add To Cart » : https://astucesdivi.com/modele-fiche-produit-woocommerce/

  21. Sandra

    Bonjour Lycia,
    Je voudrais insérer dans le module accordéon une image. A priori ce module ne le permet pas. Y aurait-il une astuce pour le faire ? Merci pour ton aide.

  22. Gaston Huot

    Quelle magnifique page d’explication en français.

    Que d’informations sur ce site. Merci

    Gaston

    [1 coquille dans le titre du module 33: « Module #33 : Tableau des Tarifs (Princing Table) »]

  23. Lycia Diaz

    Merci Gaston ! Et merci pour la coquille !

Presentar un comentario

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