La guía definitiva para crear un control deslizante Divi

Publicado: 2020-09-04

Divi de Elegant Themes es uno de los creadores de páginas y temas de WordPress más populares disponibles en la actualidad. Este creador de páginas es un editor de arrastrar y soltar en el que puede crear un sitio web completo . Hay muchos módulos disponibles entre los que puede elegir y que facilitan la creación de un sitio web. En este artículo, presentaré los módulos deslizantes disponibles en Divi . Además, le mostraré una alternativa de complemento deslizante que puede hacer que su sitio web sea más único.

Módulos deslizantes Divi

Usar un control deslizante o un bloque en su sitio web no es algo nuevo hoy en día. Los creadores de páginas como Divi ya tienen opciones para crear un módulo deslizante para su página, que es la solución más fácil y rápida para crear un control deslizante . Divi ofrece 3 tipos de módulos deslizantes: un control deslizante simple, un control deslizante de video y un módulo deslizante posterior.

Módulos deslizantes Divi
Módulos deslizantes Divi disponibles

¡Echemos un vistazo a estos módulos!

Módulo deslizante

El módulo deslizante Divi puede ser una gran solución si desea colocar un control deslizante básico en su página. Cada configuración está dentro del constructor Divi , y puede verificar instantáneamente si el diseño se ajusta o no.

Módulo deslizante Divi

Este control deslizante es un excelente módulo deslizante que puede usar para mostrar imágenes o videos, mostrar texto y también puede ponerle un CTA. Por esta razón, puede ser una forma rápida de crear un control deslizante de héroe. También tienes opciones de personalización, como configurar la tipografía, los colores o el estilo de tus viñetas. El control deslizante tiene una opción para establecer una imagen de fondo del control deslizante, donde puede ajustar el tamaño de la imagen. Además, puedes ponerle una superposición. E incluso puede agregar un efecto de paralaje que puede hacer que su sitio sea más profesional.

👍 BUENO
  • Fácil de usar
  • Fondo de paralaje
  • Fondo de vídeo
  • Ocultar control deslizante en dispositivos
👎 MALO
  • No puede cambiar el orden del contenido de su diapositiva
  • Estructura limitada

Control deslizante de vídeo

Divi ofrece otro módulo deslizante para crear un control deslizante de video en su página. Con este módulo, puedes organizar tus videos . Puedes usar cualquier fuente , por ejemplo, puedes poner cualquier enlace de YouTube o Vimeo, o puedes subir tu propio video mp4. Así que depende de ti cuál quieres usar. Hay opciones de personalización similares al otro módulo deslizante. Además, también puede personalizar las imágenes en miniatura y el botón de reproducción.

Módulo deslizante de video

👍 BUENO
  • Puedes usar cualquier tipo de vídeo.
  • Manera fácil de crear una galería de videos
👎 MALO
  • Sin opción de reproducción automática
  • Cada vez que el video comienza desde el principio

Control deslizante de publicación

Control deslizante de publicación en Divi
Crear un control deslizante de publicación que cambie dinámicamente es excelente para mostrar nuestras publicaciones más recientes o destacadas . Divi ofrece un módulo deslizante de publicación donde puede mostrar su última publicación, definir cuántos artículos desea mostrar y en qué orden. Puede configurar la imagen destacada como fondo de la diapositiva, mostrar el título de la publicación y el meta, y colocar un botón de leer más que se vincule a la publicación en sí.

👍 BUENO
  • Contenido que cambia dinámicamente
  • Puedes elegir entre categorías
  • Recuento y orden de publicaciones personalizables
👎 MALO
  • Diseño y estructura limitados.

¿Cómo crear mejores controles deslizantes Divi?

Los módulos deslizantes en Divi son geniales, pero creo que son un poco limitados. Si desea crear un control deslizante más personalizable , vale la pena encontrar un complemento de control deslizante que sea compatible con Divi. Smart Slider es uno de los mejores complementos de control deslizante en WordPress. Incluso la versión gratuita tiene excelentes funciones con las que puede comenzar. Smart Slider lo ayuda a crear diseños personalizados y puede personalizar cada capa . Este complemento tiene un módulo Divi, por lo que puede publicarlo como de costumbre.

Con suerte, desea saber cómo el complemento Smart Slider 3 puede actualizar la funcionalidad del control deslizante Divi. Una de las mejoras más importantes es que puede crear presentaciones de diapositivas con más de 4 capas en orden y ubicación personalizados.

Ejemplo de control deslizante de cartera de página completa

Smart Slider tiene una lista de capas donde puede elegir entre más tipos de capas. Las filas y columnas te ayudan a estructurarlas. Tienes la opción de alinear tus capas vertical y horizontalmente, establecer un ancho máximo, cambiar cualquier color o tipografía, para que puedas crear un diseño único . Si no es suficiente, puede usar el posicionamiento absoluto en sus capas para diseñar el control deslizante. Al combinar las diferentes capas y posiciones, puede crear sitios web verdaderamente únicos con Smart Slider 3 y Divi.

¿Cómo usar Smart Slider 3?

Smart Slider es un complemento de control deslizante que está disponible de forma gratuita en el repositorio de WordPress. Simplemente descárguelo y actívelo. Entonces puede comenzar a crear su control deslizante. Hay muchas plantillas prediseñadas con las que puede comenzar, pero tiene la opción de comenzar desde cero.

Si está listo con su control deslizante, publíquelo con el módulo Smart Slider Divi.

Módulo deslizante inteligente

Comparación del módulo deslizante Divi y Smart Slider

Permítanme comparar el control deslizante Divi básico y las versiones gratuita y profesional de Smart Slider. Realmente creo que el módulo deslizante Divi es un gran módulo de Divi, porque tiene muchas opciones de personalización y está dentro de Divi. Todo está en un solo lugar , y no necesita conocer una nueva interfaz. Pero la funcionalidad es limitada porque no puede crear el diseño que desea.

Si desea un diseño más específico donde pueda colocar sus capas donde desee y pueda crear un contenido más exclusivo, considere usar Smart Slider 3 . La versión gratuita ofrece muchas funciones, como el módulo Divi, y con Pro, no tienes límites.

¡Veamos algunas diferencias relevantes!

Módulo deslizante Divi
Control deslizante inteligente 3 gratis
Control deslizante inteligente 3 Pro
Capas 5 6 23
Opciones de tipografía
Interfaz de arrastrar y soltar
Imagen de fondo
vídeo de fondo mp4, WEBM mp4
efecto de paralaje
Animaciones de capas
Transiciones
Control S 2 5 7
Variables dinámicas
superposición estática
Auto-reproducción

Interfaz

Interfaz de control deslizante inteligente

La principal diferencia es la interfaz. No hay duda de que Divi facilita la adición de controles deslizantes a su sitio web de WordPress. Simplemente ingrese texto en los campos establecidos y luego cargue algunas imágenes y su control deslizante estará listo para funcionar. Sin embargo, cuando se trata de funcionalidad y permitirle crear controles deslizantes impresionantes, el control deslizante Divi tiene algunas limitaciones. No obstante, en Smart Slider, puede usar un editor de diapositivas de arrastrar y soltar , y puede colocar sus capas donde desee.

Animaciones y efectos

Con los modos de animación de fondo, puede dar vida fácilmente a su diseño. Divi tiene una opción de animación básica, que puede animar su control deslizante, pero en Smart Slider 3 Pro puede elegir entre 3 tipos de animaciones : animación principal, animación de fondo y animaciones de capa única.

Controles personalizables

Cada módulo deslizante tiene opciones para personalizar los controles, pero en Smart Slider, tiene más formas de hacerlos únicos. Puede colocar los controles en otras posiciones, cambiar los colores, el espaciado u ocultarlos en diferentes dispositivos. Además, en Smart Slider 3 tiene opciones para mostrar miniaturas que puede crear un control deslizante de miniaturas con estilo de galería de imágenes.

Deslizador de miniaturas gratis

Deslizador de reproducción automática

Smart Slider ofrece reproducción automática de controles deslizantes, que es una característica popular en la mayoría de los complementos de controles deslizantes. De esta manera, el control deslizante cambia de diapositiva después de un tiempo. Esto puede llamar la atención de los visitantes, pero si no le gustan los controles deslizantes de reproducción automática, simplemente puede desactivar esta configuración.

¿Por qué debería elegir Smart Slider 3 como su Divi Slider?

Si te gustan las cosas simples y básicas, tal vez no quieras instalar otro complemento y aprender cómo funciona para crear un control deslizante. Divi también tiene módulos deslizantes, entonces, ¿por qué debería usar un complemento diferente para crear un control deslizante? Veamos algunas funciones que pueden ayudarte a decidir si eliges Smart Slider o no.

Tipos de control deslizante disponibles en Smart Slider
Tipos de control deslizante en Smart Slider. Fila superior: Simple (Gratis) y Carrusel (Pro). Fila inferior: Block (Gratis) y Showcase (Pro)

Razones para elegir Smart Slider 3 Free

  • Es gratis. La versión gratuita de Smart Slider está disponible en el repositorio de WordPress, no es necesario pagar por ella.
  • La libertad de crear un control deslizante. Puede crear un diseño complicado gracias a las filas, columnas y las opciones de posicionamiento.
  • Controles personalizables. Use sus flechas, viñetas, miniaturas, barra de texto de la manera que imaginó. Colóquelos, cambie sus colores o deshabilítelos si no desea mostrarlos.
  • Plantillas listas para usar. En Smart Slider 3 puede comenzar con plantillas prediseñadas, que son totalmente personalizables. Simplemente cambie el contenido o las imágenes y tendrá un control deslizante listo.
  • Plantillas de control deslizante inteligente gratuitas
    Plantillas de control deslizante inteligente gratuitas
  • Deslizadores sensibles. Con un esfuerzo mínimo, puede crear un control deslizante que se vea bien en cualquier dispositivo.

Razones para elegir Smart Slider 3 Pro

Con suerte, ahora tiene una mejor idea de cómo Smart Slider 3 puede mejorar su capacidad para agregar presentaciones de diapositivas a su sitio web Divi. Pero si aún no está seguro, ¡veamos algunas características de Smart Slider 3 Pro!