Portada Wordpress Cómo Crear y Publicar un Slider con el Plugin Master Slider para WordPress
Seguro que has visto en algunos sitios web, cabeceras con imágenes que van cambiado cada poco tiempo, creando un dinamismo muy vistoso y con gran impacto visual, eso es un slider o deslizador.
En WordPress no existe de forma nativa la posibilidad de añadir un slider, así que si queremos utilizar este elemento tan vistoso, tenemos que recurrir a soluciones de terceros.
Hay themes que ya incorporan su propio slider directamente, pero si el theme que estamos usando no tiene esta funcionalidad, podemos utilizar un plugin.
Si vas al apartado de plugins de tu WordPress y pones en el buscador la palabra slider, te encontrarás con algo parecido a esto:
Como verás, las opciones son muchas, así que puede ser un problema encontrar el plugin slider que más se adapte a tus necesidades.
Uno de los más utilizados y mejor valorados es el plugin Master Slider, con más de 100 mil instalaciones activas entre los usuarios de WordPress. Veamos qué tal funciona.
Con tantas opciones de plugins disponibles para WordPress, es difícil decidirse, pero muchos usuarios han elegido el plugin Master Slider – Responsive Touch Slider.
Es un plugin gratuito con opción de pago para añadir funcionalidades extra.
La versión gratuita puedes descargarla desde aquí o si lo prefieres la puedes buscar en la sección de plugins de tu WordPress.
Una vez lo tengas instalado y activado, verás que tienes un nuevo menú en el escritorio de WordPress llamado, como no, Master Slider.
Sólo tenemos dos opciones en el menú:
Si antes de crear nuestro primer slider queremos echarle un vistazo a los ajustes disponibles, verás que no tienes muchas opciones.
En los Ajustes Generales veremos 3 opciones disponibles.
La primera es Ocultar tabla de información, la cual podemos activar para dejar de ver los tutoriales en vídeo que aparecen en el panel de administración del plugin.
En la prueba no hemos visto ningún vídeo en el panel de administración, así que no podemos opinar al respecto.
La segunda y la tercera opción están relacionadas. En la primera opción podemos Habilitar la Cache.
Esto guarda en la caché las imágenes del slider para que carguen más rápido cuando se visiten.
Luego podemos determinar el Tiempo de Caché, para que se borre cada cierto tiempo, aunque si realizamos cualquier cambio en el slider también se borrará de forma automática.
Si vamos a los Ajustes Avanzados sólo encontraremos una opción para cargar los archivos JavaScript en todas las páginas.
Esto no suele ser habitual, ya que el plugin carga el JavaScrit bajo demanda, esto significa cuando un usuario visita la web con el slider.
Si se carga en todas las páginas por defecto, se consumen más recursos del hosting, pero en algunos casos puede ser necesario, por ejemplo si se va a cargar el slider a través de Ajax, tal y como indican en las opciones.
Si no estás seguro, deja esta opción sin marcar.
El siguiente menú sólo sirve para pasar a la opción de pago, así que no es necesario hablar sobre ella, pero puedes acceder para ver todas las opciones que te ofrecen si te interesa.
Si vas a la sección Master Slider verás que no hay nada, más que un par de botones, uno para Crear un nuevo carrusel, así lo han traducido y otro para Importar y Exportar los sliders de un sitio a otro.
Si pulsamos en el botón para crear el nuevo slider, nos llevará a una web en la que tenemos tres opciones:
En los carruseles de ejemplo tenemos 8 opciones distintas preconfiguradas. Si quieres ver cómo funciona, puedes seleccionar cualquiera de ellas y después pulsar sobre el botón Create de la parte inferior.
Si usas uno de los ejemplos el plugin importara algunas imágenes para poder crear el slider, cuando termine te llevará a las opciones que tienes a tu disposición para este slider en particular.
Cada slider que crees tendrá una configuración distinta que puedes modificar a tu antojo.
Las opciones se separan en 4 pestañas:
En la pestaña Slider Settings podemos configurar todo lo relacionado con la configuración del slider en particular.
Podemos modificar cosas como el nombre que le daremos al slider de manera interna, por si tenemos muchos saber cuál es.
También podemos modificar cosas como el tamaño, el tipo de transición, si queremos que las imágenes empiecen a rotar de manera automática o el método que queremos utilizar para cambiar de imagen.
Cabe destacar, que podemos seleccionar distintas formas de navegar por las imágenes.
Por ejemplo, podemos activar Touch Swipe Navigation para que en los dispositivos táctiles podamos arrastrar con el dedo las imágenes para cambiar y además usar el movimiento del ratón en ordenadores de escritorio.
Que esté adaptado a los teléfonos móviles actuales es una gran opción que otros sliders no ofrecen, al menos en las versiones gratuitas.
En la pestaña Slides podemos modificar todo lo relacionado a las imágenes que añadamos al slider.
Podemos seleccionar las imágenes que queremos que se muestren, podemos ocultarlas si no queremos eliminarlas, podemos duplicarlas, etc…
También podemos seleccionar el tiempo que discurre entre las imágenes, pero podemos seleccionarlo en cada una de ellas, es decir que una imagen puede estar 1 segundo en pantalla y la siguiente 3 segundos, si así lo configuramos.
Si queremos, podemos añadir un vídeo al slider, incluso embeberlo desde YouTube o Vimeo o añadir un link en el propio slider.
Desde este panel podemos añadir y quitar los controles que veremos en el slider que hayamos creado.
Si tenemos las típicas flechas que indican que podemos mover las imágenes, podemos añadir un temporizador de línea, de círculo, etc…
Puedes añadir y quitarlos a tu antojo y tienes un vista previa para ver si encaja con lo que tienes en mente, así que puedes usar la infalible técnica de prueba y error.
Callbacks es una acción de vuelta tras una acción, por ejemplo mostrar una URL al hacer click.
Master Slider permite añadir callbacks personalizados en cada una de las acciones, aunque necesitarás algunos conocimientos técnicos para poder programanrlo.
De todas formas, el plugin lo permite y ahí está la opción en su versión gratuita, lo que es de agradecer.
Una vez tengas creado el slider, querrás publicarlo en tu web.
Para hacerlo tienes 2 opciones, una es desde el widget que encontrarás en Apariencia > Widgets > Widget de Master Slider
Puedes añadirlo en la parte de la web que puedas y permita el theme que estés usando.
La otra opción es copiar el shortcode del slider y pegarlo en la página o entrada que quieras.
El resultado final es muy bueno, tanto en pantalla grande como en pantalla pequeña, ya que es totalmente responsive.
Sobre todo en el móvil, el desplazamiento con el dedo para ver el resto de imágenes está muy logrado, con transiciones suaves y con un resultado final muy profesional, sin olvidar que estamos ante un plugin gratuito.
Como verás, Master Slider es bastante completo y los resultados son muy interesantes, aunque sólo usemos la versión gratuita del plugin, así que parece ser una buena opción entre tantas opciones que tenemos.
Aunque por supuesto y como siempre comentamos, para gustos los colores, así que tú decides si quieres utilizar este plugin para añadir sliders en WordPress o cualquier otro.