Esta guía explica cómo configurar un nuevo carrusel de imágenes o videos, definiendo las opciones generales y configurando cada diapositiva individualmente.
1. Configuraciones Generales del Carrusel
Para comenzar, define el título y las opciones de funcionamiento del carrusel.
1. Accede a la sección de creación o modificación del carrusel.
2. En el campo Título slider, ingresa un nombre identificativo para el carrusel.
3. Selecciona la casilla Visible en el sitio si deseas que el carrusel esté activo inmediatamente.
Configuración de Opciones
En la sección Opciones, define las dimensiones y el comportamiento del carrusel:
1. Altura slider:
- En el campo numérico, ingresa la altura deseada.
- En el menú desplegable al lado, selecciona la unidad de medida (por ejemplo,
pxpara píxeles,vhpara altura de ventana).
2. Autoplay: Ingresa el número de segundos después de los cuales la diapositiva debe cambiar automáticamente. Déjalo vacío para desactivar el autoplay.
3. Loop: Selecciona Sí para que el carrusel vuelva a empezar desde la primera diapositiva una vez terminado.
4. Flechas: Selecciona Sí para mostrar los botones de navegación (flechas) para pasar de una diapositiva a otra.
5. Selecciona la casilla Orden aleatorio para mostrar las diapositivas en un orden no secuencial.
2. Agregar y Configurar las Diapositivas
En la sección Slides, agrega y personaliza el contenido de cada diapositiva individual.
1. Haz clic en el botón para agregar una nueva diapositiva (usualmente identificado como Agregar o Nueva Slide). Se abrirá una nueva pestaña de configuración.
2. En el campo Título Slide, ingresa un título interno para identificar la diapositiva (útil para la organización).
Contenido de la Diapositiva
1. En el campo Contenido, ingresa el texto o los elementos que se visualizarán sobre el fondo de la diapositiva.
- Nota: Este campo soporta editor visual para formato avanzado.
Fondo (Imagen o Video)
En la sección Fondo, puedes definir las propiedades de una imagen de fondo.
1. Imágenes de Fondo:
- Haz clic en el uploader debajo de la etiqueta Imagen Desktop para cargar la imagen principal.
- Haz clic en el uploader debajo de la etiqueta Imagen Mobile para cargar una imagen optimizada para dispositivos móviles.
2. Configuraciones Imagen:
- Tamaño: Selecciona cómo debe adaptarse la imagen (ej.:
coverpara cubrir toda el área,containpara mostrarla completa). - Repetir: Define si la imagen debe repetirse (ej.:
no-repeat,repeat-x). - Posición: Define la alineación de la imagen (ej.:
center center,left top). - Adjunto: Define si la imagen es fija o se desplaza con la página (ej.:
scroll,fixed).
Video de Fondo
Si deseas usar un video como fondo, utiliza la sección Video.
1. En el campo Video Sfondo, pega el enlace del video (soporta Vimeo o Youtube).
2. Al finalizar el video: Selecciona la acción a ejecutar cuando termine el video (ej.: Continuar repitiendo, Ocultar, Detener en último frame).
3. Mostrar en: Selecciona en qué dispositivos debe ser visible el video (puedes seleccionar varias opciones manteniendo presionada la tecla Ctrl o Cmd).
Overlay
La sección Overlay te permite añadir una capa de color o degradado sobre el fondo para mejorar la legibilidad del contenido.
1. Degradado: Selecciona o ingresa un degradado a aplicar.
2. Color: Selecciona un color uniforme de fondo.
3. Opacidad: Ingresa un valor numérico (de 0 a 100) para definir la transparencia del overlay.
3. Guardar el Carrusel
Una vez configuradas todas las diapositivas y opciones:
1. Haz clic en el botón de guardar (usualmente ubicado arriba o abajo en la página, no especificado en el código fuente).







