curso de Wordpress completo

Cómo crear sliders responsivos en WordPress con plugins gratuitos

Los sliders son elementos que pueden mejorar la apariencia y la funcionalidad de tu web. Aprende a crear sliders responsivos con plugins gratuitos.

¿Qué es un slider?

Un slider es un elemento que dentro de una web despliega o demuestra elementos multimedia (imagen o video) en forma de presentación. Algunos muestran el contenido de forma automática, otros requieren de la interacción del visitante para funcionar.

Resultan muy funcionales y visualmente atractivos pues son una galería de contenido con un carácter dinámico. Resultan útiles en webs donde la fotografía y el video juegan un papel vital.

Un slider es un must have si tienes una web de portafolio. Un sitio corporativo. O si te mueves en un nicho o en sectores donde se pueden decir más y mejores cosas con imágenes:

  • Deportes
  • Turismo y viajes
  • Entretenimiento
  • Bienes raíces
  • Moda
  • Mascotas.

Lo que debes tener en cuenta a la hora de crear Sliders

Muchos page builders o maquetadores visuales incorporan dentro de sus opciones Widgets de sliders. Incluso algunos temas tienen esa opción. Pero si no quieres instalar un maquetador y no precisas cambiar de tema, bien puedes tirar de plugins gratuitos.

Pero debes tener en cuenta ciertas cuestiones como:

            La responsividad

Este punto no se negocia. Necesitas que tu slider se muestre en todos los tamaños de pantalla.

            Los tiempos de carga

No todos los plugin gratuitos para crear sliders responsivos tienen los mismos tiempos de carga. Nosotros los hemos probado todos en nuestros proyectos. Los que mejores tiempos nos han dado han sido: Nivo Slider y Soliloquy.

Te los presentamos para que te decantes por el que más te convenza.

Nivo Slidernivo

A la fecha de edición de este tutorial Nivo Slider es un plugin que recibe actualizaciones de forma constante. Y cuenta con más de 40.000 instalaciones activas.

Es un pluging freemium pero sin pagar nada pues con su versión lite puede aprovechar muchas de sus características:

  • Crear un carousel
  • Montar presentaciones desde galerías o ciertas categorías

Soliloquy

Sus desarrolladores dicen que Soliloquy es el mejor plugin para crear sliders responsivos en WordPress. Si bien es un pluging de pago, en su versión free puedes montar un slider responsive de forma sencilla.

¿Hay más opciones a la hora de crear una presentación responsiva en WordPress?

Sí. Si te das una vuelta por el repositorio de plugins de WordPress siguiendo este link:

wordpress.org/plugins/tags/slider/

Te encontrarás con muchas opciones.

¿Y sí hay tantas opciones por qué solo me muestran dos?

            Te mostramos solo dos opciones porque de todo el arsenal con el que cuentas en el repositorio. Estos son los que aún en sus versiones lite te ofrecen mejor rendimiento.

Creando sliders responsivos en WordPress con plugins gratuitos

Nos ponemos manos a la obra.

            Creando un slider con Nivo lite

  1. Instalamos y activamos el plugin
  2. Seguimos la siguiente ruta:Nivo Slider > Agregar Nuevo Slider

Nivo Slider > Agregar Nuevo Slider

  1. Le damos nombre a nuestro slider3. Le damos nombre a nuestro slider
  2. Agregamos las imágenes, para ello presionamos el botón configurar. Se abrirá una ventana idéntica a nuestra biblioteca de medios de WordPress. Seleccionamos las imágenes. Guardamos los cambios.4. Agregamos las imágenes
  3. Ahora puedes configurar el resto de parámetros según gustes.
  4. Cuando hayas configurado todo al gusto guardas los cambios.
  5. Para usar tu slider todo lo que tienes que hacer es copiar un shortcode que aparecerá a en la columna derecha del panel de Nivo:

[nivoslider slug=”slider-con-nivo”]

  1. Luego pegas ese shortcode en la ubicación donde requieras tu slider. Puede ser una página o un post. Listo.

Ahora crearemos un slider usando Soliloquy.

Haciendo  sliders responsivos con Soliloquy

  1. Instalamos y activamos Soliloquy1.	Instalamos y activamos Soliloquy
  2. Para a crear nuestro slider seguimos la siguiente ruta:Soliloquy > Agregar nuevo

Soliloquy > Agregar nuevo

  1. Le damos nombre a nuestro slider en la barra superior.añadir imágenes
  2. Para añadir imágenes tenemos dos opciones. Bien podemos subirlas desde nuestro equipo o desde otras fuentes (como desde la librería de medios de WordPress).
  3. Las imágenes cargadas aparecerán en la parte inferior del panel de Así:añadir imágenes

Presiona el botón seleccionar todas o selecciona las imágenes que necesites.configurar nuestro slider

  1. Ahora debemos configurar nuestro slider. Para ello entramos a la pestaña configuración. En este caso los parámetros los configuraremos al gusto. Guardas los cambios.
  2. Lo único que falta es publicar nuestro slider. Cuando los cambios se han guardado correctamente aparecerán en la columna derecha (tal como en Nivo) con los shortcodes. Así.shortcode
  3. Copiamos el shortcode:

[soliloquy slug=”sliders-responsivo-con-soliloquy”]

(Usando la opción copy to clipboard. Luego pegamos en el lugar donde lo necesitemos. Y listo. Tenemos nuestro slider creado con Soliloquy lite.

En conclusión

Los sliders pueden mejorar la apariencia de tu web, pero existen muchas formas de potenciar tu blog. Si quieres saber más inscríbete en el mejor curso en línea y en español del mejor gestor de contenidos: WordPress.org.