Widget «Slider multimedia»

Categorías de widgets: Medios

El widget «Slider multimedia» muestra diapositivas de vídeo, de imagen o de solo texto, y trae además distintas disposiciones. Con la cantidad de ajustes y opciones de diseño que ofrece, lo puedes configurar de muchas formas y usarlo para casi cualquier tipo de contenido: testimonios, preguntas frecuentes, presentaciones de producto, una sección de equipo o tus servicios, por nombrar algunos. También es una buena herramienta para dar a tus visitantes contenido interactivo y bien organizado.

Nota:

• Se pueden incluir un máximo de 25 diapositivas.
• Los archivos multimedia compatibles son imagen y vídeo. Esto incluye .svg, .png, .jpg, .gif y todos los formatos de vídeo.
• En los vídeos, el sonido está desactivado, porque sirven de fondo de las diapositivas.
• Que un vídeo se reproduzca automáticamente depende de ciertas restricciones del navegador y de la configuración del dispositivo (si, por ejemplo, está activado el modo de ahorro de energía, puede que los vídeos no se reproduzcan solos).

Para saber cómo añadir widgets, consulta «Add Widgets».

Consejo: Para más información sobre los widgets y la biblioteca de widgets, consulta «Widgets: Library and Overview».

Editor de contenido

Haz clic en el elemento para abrir el menú flotante y luego en la opción del editor de contenido.

Añadir, ordenar y quitar diapositivas

Añadir diapositivas. Para añadir contenido al slider, haz clic en Añadir diapositiva. Así se crea una diapositiva nueva y se abren sus ajustes.

Duplicar diapositivas. Para duplicar una diapositiva, pasa el ratón por encima y elige el icono de duplicar.

Ordenar diapositivas. Para cambiar el orden, arrastra una diapositiva hasta la posición que quieras.

Quitar diapositivas. Pasa el ratón por encima de la miniatura de la diapositiva que quieras borrar y haz clic en el icono de papelera. Para quitarlas todas, haz clic en Eliminar todo.

Opciones de cada diapositiva

• Media (imagen o vídeo). Añade el contenido que quieras. Haz clic en Click to add media para abrir la Media Library.

  Nota: Si quieres añadir varias diapositivas, usa la opción Añadir varios archivos. Ten en cuenta que así se crean diapositivas nuevas, en vez de añadir varios archivos a la diapositiva actual.

• Posición Ajusta qué parte del contenido se ve (la opción aparece en cuanto añades contenido).

• Texto alternativo Escribe tu propio texto alternativo.

• Texto de la diapositiva El texto (título y descripción) que quieres mostrar en la diapositiva. Estos campos no se pueden ocultar directamente, pero si los dejas en blanco, en la práctica no se ven.

  Nota: El campo de texto largo ofrece varias opciones de formato, como poner el texto en cursiva, en negrita o subrayado.

• Botón El botón de la diapositiva se puede ocultar haciendo clic en el icono de ojo.

  Nota: En cuanto añades un enlace, toda la diapositiva se vuelve clicable. Da igual que ocultes el botón antes o después de añadir el enlace: la diapositiva sigue siendo clicable y llevando al destino.

Editor de diseño

Haz clic en el elemento para abrir el menú flotante y luego en la opción para editar el diseño.

1. Para cambiar la disposición del slider, haz clic en la miniatura de la disposición actual. Fija el número de columnas con la lista desplegable que hay junto a Número de columnas.
2. Transición Configura la transición entre diapositivas.
   • Transición de las diapositivas Elige Fade o Slide.
   • Reproducción automática
   • Slideshow speed. Mueve el control para elegir una velocidad de entre 1 y 20 segundos.
   • Pause slideshow on hover.
   • Animación del contenido
3. Indicadores de navegación Configura los indicadores para navegar por las diapositivas.
   • Mostrar Elige una opción de la lista desplegable.
   • Size.
   • Espacio entre
   • Color.
4. Contenidos multimedia y fondo
   • Mostrar el contenido multimedia completo Muestra el contenido en sus dimensiones originales. Ten en cuenta que esto puede añadir espacio extra en los bordes del slider.
   • Color de superposición También hay un control para ajustar la opacidad (Opacity).
   • Color de fondo
5. Marco Configura el marco (por ejemplo, ajusta las dimensiones o personaliza el borde).
   • ALINEACIÓN Y RELLENO Ajusta la alineación y el relleno del contenido dentro de cada diapositiva. Con estos ajustes decides cómo se coloca el contenido en la diapositiva.
   • Alineación del contenido Alinea el contenido de cada diapositiva a la izquierda, al centro o a la derecha.
   • Espacio entre elementos
     • Entre contenidos multimedia y título Esta opción solo está disponible cuando el contenido no es el fondo de la diapositiva.
     • Entre título y descripción
     • Entre descripción y botón
   • Relleno horizontal

Para saber más sobre las opciones de diseño que no son específicas de este widget (por ejemplo, la disposición, el estilo o los espaciados), consulta «Widget Design».

Crear un slider de texto con testimonios

Con el widget «Slider multimedia» tienes varias opciones según el contenido que quieras incluir en tu slider de testimonios.

Para crear un slider de testimonios sin imagen de fondo:

1. Añade el widget «Slider multimedia» a tu web.
2. En el contenido del slider, haz clic en Eliminar todo para borrar todas las diapositivas predeterminadas.
3. Haz clic en Add new slide.
4. En los ajustes de la diapositiva, añade:
   • (Opcional) En la sección Media, haz clic en Click to add media para añadir la foto de un cliente.
   • El contenido del testimonio (por ejemplo, el nombre y lo que cuenta).
5. En la pestaña Design, elige una de estas disposiciones (son las recomendadas; otras pueden requerir ajustes adicionales):
   • La disposición predeterminada (la mejor si no vas a usar fotos de clientes). De serie, lleva una superposición sobre la imagen (y un color de fondo). Esto se edita en la sección Imagen y fondo.
   • La foto del cliente va encima del contenido del testimonio.
   • Las diapositivas cambian en vertical, con la imagen a la izquierda y el testimonio a la derecha.
6. Ajusta el resto de las opciones de diseño como quieras.