¿Quieres saber cómo añadir un slider en el tema de Divi? Permíteme mostrarte la configuración correcta para hacerlo. ¡No es de extrañar! El slider mejora el atractivo visual de tu sitio web. Sin duda, llama la atención sobre tu contenido importante.
Incluir el slider en el tema de Divi es un proceso sencillo. Debes encontrar el módulo de Slider y ajustar la configuración según tus necesidades. En este artículo, también te diré cómo añadir un slider de ancho completo a tu sitio web.
Además, te enseñaré cómo cambiar la altura del slider de Divi. He hecho mi mejor esfuerzo para explicar las configuraciones con capturas de pantalla. Antes de entrar en los detalles, deberías conocer las ventajas de añadir sliders a tu sitio web empresarial.
¿Por qué añadir un slider a tu sitio web?
¡Incorporar el slider del sitio web tiene varios beneficios! Aquí están.
- Aumenta la participación del usuario a través de la interacción dinámica de elementos
- Comunica mensajes críticos de manera concisa en un espacio limitado
- Destaca contenido importante y actúa como elemento de navegación
- Promociona múltiples productos y ofertas especiales
- Hace que tu sitio sea visualmente atractivo
Estas ventajas avalan tu decisión de incluir sliders en tu sitio web soñado.
Guías paso a paso para añadir un slider de Divi para conversiones altas
Solo sigue el proceso sencillo de incluir el slider en tu sitio web construido con el tema de Divi.
Paso 1: Haz clic en “Añadir una página nueva” o edita la página de inicio de tu sitio o cualquier otra página. Selecciona “Editar con el constructor de Divi” o utiliza el Constructor de Divi como se muestra en la imagen a continuación.
Paso 2: Serás redirigido a la sección de edición, donde debes elegir “Construir desde cero” y hacer clic en “Comenzar a construir“.
Paso 3: Es hora de elegir el número de columnas que deseas. Aquí, estoy eligiendo una estructura de una columna.
Paso 4: Busca el módulo “Slider“.
Paso 5: Cuando elijas el módulo Slider, mostrará el contenido predeterminado. Mira la imagen a continuación.
Paso 6: Ahora, debes cambiar el Título, Contenido, Texto del Botón, Enlace y otras configuraciones.
Paso 7: Primero, cambiemos el Título mediante las siguientes preferencias. Haz clic en la opción “Ganchito verde” para guardar la configuración.
Paso 8: Cambia el contenido del cuerpo según tus necesidades. ¡Consulta la captura de pantalla!
Paso 9: ¡Puedes añadir la imagen así!
Paso 10: Añade un enlace para el botón “Leer más“.
Paso 11: Es posible añadir más diapositivas. ¡Usa la opción marcada!
Paso 12: Una vez termines con la configuración, no olvides hacer clic en el botón “Ganchito verde“.
Hasta ahora, hemos visto las configuraciones “Contenido”. Pasemos a la pestaña “Diseño” para personalizar tu slider de Divi.
1. Estilos de borde de imagen
Estoy aplicando el borde para la sección de imagen a través de los estilos de borde de imagen. ¡Echa un vistazo a la captura de pantalla a continuación!
¡Aquí está el resultado de mis configuraciones anteriores!
2. Sombra de texto
Es para añadir un efecto de sombra a tu texto. ¡Mira las opciones dadas!
3. Espaciado
Tienes configuraciones detalladas de Margen y Relleno para el espacio del slider.
4. Configuración de sombra en caja
A través de esta opción, puedes aplicar el efecto de sombra para tu slider.
Resultado de las configuraciones de sombra en caja
¡Observa el resultado de las configuraciones de sombra!
5. Animación
Es posible añadir animación al slider de Divi. Mira la siguiente imagen, que muestra los diferentes tipos de animaciones que puedes añadir.
