Cómo crear correctamente un slider multimedia en WordPress

¿Quieres añadir un slider multimedia a tu sitio web de WordPress?

Añadir un slider multimedia atractivo a tu sitio es una excelente manera de captar la atención de tus visitantes. A tu slider, puedes añadir videos, imágenes, botones o cualquier cosa que desees para involucrar a tu audiencia.

Sin embargo, se sabe que los sliders afectan el tiempo de carga de página de un sitio web.

En este tutorial, te mostraremos cómo usar un slider multimedia en tu sitio web, sin afectar tu rendimiento.

Añadir un slider multimedia a WordPress sin afectar la velocidad

Añadir un slider multimedia a tu sitio web es fácil. Todo lo que tienes que hacer es instalar un plugin de slider, activarlo en tu sitio y empezar a crear uno.

Si bien hay varios plugins de slider para WordPress disponibles en el mercado de WordPress, te recomendamos usar el plugin Soliloquy para obtener los mejores resultados.

Aquí te explicamos por qué recomendamos Soliloquy sobre sus competidores:

• Soliloquy está diseñado pensando en el rendimiento del sitio, por lo que puedes estar seguro de que tus diapositivas no afectarán negativamente el tiempo de carga de tu sitio web.
• Te permite crear sliders totalmente responsivos que se ven igual de bien en computadoras de escritorio, móviles y tabletas.
• También es un plugin fácil de usar para principiantes, lo que significa que incluso si nunca antes has creado un slider, podrías crear uno con Soliloquy de forma rápida y sencilla.

Echa un vistazo a nuestra reseña completa de Soliloquy.

Veamos cómo usar Soliloquy para añadir sliders multimedia a tu sitio web.

Paso 1: Instalar Soliloquy en WordPress

El primer paso es instalar y activar el plugin Soliloquy. Puedes encontrarlo en el repositorio de plugins de WordPress yendo a la pestaña Plugins » Agregar Nuevo.

Aquí tienes una guía paso a paso sobre cómo instalar y activar un plugin en tu sitio de WordPress.

Paso 2: Agregar Archivos Multimedia a Tu Carrusel

Una vez activado, es hora de crear tus carruseles. Empecemos agregando archivos multimedia a tus carruseles.

Para agregar archivos multimedia a tu carrusel, ve a Soliloquy » Agregar Nuevo en tu panel de WordPress.

Ahora necesitas darle un título a tu carrusel. Luego, haz clic en el botón Seleccionar Archivos de Tu Computadora para subir imágenes para tu carrusel.

Si deseas elegir las imágenes de tu biblioteca multimedia, o insertar una diapositiva HTML, entonces necesitas hacer clic en el botón que dice Seleccionar Archivos de Otras Fuentes.

En este tutorial, seleccionaremos algunas imágenes de tu computadora. Puedes ver todos tus archivos subidos desplazándote un poco hacia abajo en tu pantalla.

Al igual que al agregar archivos de imagen, también puedes agregar otros archivos multimedia, como videos. Para agregar archivos de video, necesitas hacer clic en Seleccionar Archivos de Otras Fuentes

Ahora haz clic en Insertar diapositivas de video a tu izquierda.

Ahora puedes agregar un título para tu video y luego usar el botón Subir Multimedia para subir tus videos.

Para agregar más carruseles de video, simplemente haz clic en el botón Agregar Otra Diapositiva de Video.

Paso 3: Editar Tus Archivos Multimedia Con Soliloquy

Una vez que hayas agregado tus archivos, es hora de que los edites. Veamos primero las imágenes.

Si deseas eliminar un archivo de imagen, puedes hacerlo haciendo clic en la marca de cruz encima de tu archivo.

Haz clic en el icono del lápiz si deseas agregar un título, etiquetas alt, subtítulos, etc.

También encontrarás una opción para agregar una URL a tu diapositiva y habilitar la apertura de la imagen en una nueva ventana. No olvides hacer clic en el botón Guardar una vez que hayas terminado.

Una vez que hayas agregado los detalles de la imagen, puedes proceder a ajustar las opciones de configuración básicas.

Verás varias pestañas allí, como:

• Configurar
• Móvil
• Varios

Si usas la versión gratuita, solo puedes usar la pestaña Configurar.

En esta pestaña, puedes establecer un tema para el slider, editar las dimensiones de tus sliders, agregar transiciones de slider, trabajar en la velocidad y duración de la transición, etc.

En la pestaña Móvil, puedes trabajar para que tus sliders se vean atractivos en dispositivos móviles agregando dimensiones personalizadas.

En la pestaña Varios, tienes opciones para habilitar el soporte RTL (idiomas de derecha a izquierda como el árabe), agregar CSS, exportar/importar tus sliders, etc.

Así que, dependiendo de tus requisitos, puedes trabajar en la configuración. Para los videos, sin embargo, puedes agregar tus etiquetas alt y subtítulos justo debajo del archivo.

Paso 5: Publicando tus Sliders con Soliloquy

Una vez que todos los archivos estén editados correctamente, puedes hacer clic en el botón Publicar a la derecha. Puedes encontrar el shortcode del slider justo al lado del botón de publicación. Cópialo y colócalo en tus publicaciones, páginas, tipos de publicación personalizados o donde quieras incrustarlo.

Y eso es todo. Tu slider ahora se mostrará en tus publicaciones.

¿No es fácil? Esperamos que este artículo te ayude a aprender cómo agregar sliders multimedia a tu sitio web sin afectar la velocidad de tu página. Pero si deseas consultar otros plugins de slider, consulta nuestra reseña sobre Smart Slider 3 y Envira Gallery.

Además, puedes consultar nuestra guía sobre los mejores plugins de galería para agregar hermosas galerías de imágenes a tu sitio de WordPress.

Si deseas agregar una galería de Instagram a tu sitio, consulta nuestro tutorial sobre Cómo incrustar feed de Instagram en WordPress.