fbpx

Con Slider Revolution darás una imagen más profesional, este plugin para WordPress es uno de los mejores a la hora de dar un toque profesional a la imagen de cabecera de tu pagina de inicio, o a cualquier otra.

En este tutorial te voy a guiar en la descarga y vamos a crear juntos tu primer Slider paso a paso.

Recuerda la importancia de hacer una copia de seguridad antes de hacer cambios importantes en tu web.

Instala y activa Slider Revolution

Este es un plugin que lo encontraras con licencia en muchos de los temas premium de WordPress, aunque puedes comprar una licencia por unos 28 $, las opciones básicas las puedes usar sin licencia.

Al final del tutorial te dejo un vídeo tutorial y un enlace de descarga.

Una vez descargado solo tienes que activarlo y dirigirte al menú de WordPress a la izquierda de tu pantalla, como te muestro en la imagen solo tienes que clicar sobre la palabra Slider Revolution del submenú.

1 Instalar y activar Slider Revolution

Creamos nuestro primer Slider

Empezamos entrando al submenú clicaremos sobre el primer cuadrado, el que tiene el símbolo + y la palabra New Slider y así iniciamos el proceso de creación.

El primer paso dejaremos el que viene seleccionado por defecto (Default Slider)

Ahora en el segundo daremos un nombre y un alias, el shorcode nos lo dará por defecto.

Yo suelo usar el mismo nombre en el titulo y en el alias, de tal manera que identifique claramente donde lo voy a poner.

Por ejemplo, si lo voy a usar en la página de inicio lo nombrare como “inicio”, si lo voy a usar en Servicios el nombre será el de “servicios” así seguro que no me lio cuando los quiera usar en un lugar u otro de la web.

poner el nombre del Slider

En la tercera opción, como puedes ver en la imagen inferior primero seleccionamos el formato, si es  una imagen única (Hero Scene) o vamos a usar varias imágenes (Standard Slider) luego si vamos a usar varias imágenes podemos seleccionar el modo de deslizamiento.

Las opciones 4 y 5 solo debes modificarlas si haces pruebas en diferentes dispositivos y en alguno de ellos no se ve correctamente.

Y ya por último solo nos queda guardar la configuración.

Selección de opciones del slider revolution

Configurar la imagen de Slider Revolution

Nosotros lo vamos a configurar tomando una fotografía de nuestra biblioteca de medios, es interesante que también hagas tus pruebas con vídeos y en cualquier otro formato permitido.

Una vez seleccionada la imagen ya la podemos ver en el cuadro inferior y ahora vamos a coloca en ella diferentes componentes, los más habituales son texto y botón.

¿Cómo introducimos el texto?

Coloca el cursor sobre el botón donde dice (Add Layer) veras varias opciones, la de texto es la que nos interesa ahora, clica sobre ella y se abrirá un cuadro de dialogo, veras que viene con un texto por defecto, elimínalo y escribe aquí tu mensaje.

Si te fijas en la parte superior veras que tienes diferentes opciones, como el tipo de letra el tamaño, el grueso o el color entre otras, en el vídeo tutorial podrás verlo con más claridad.

Botón para la llamada a la acción

Este es desde mi punto de vista imprescindible, ya que claramente le da una señal clara al visitante de que siguiendo el enlace optara a la acción que le planteamos.

Vuelve a situarte sobre el botón donde dice (Add Layer) y en esta ocasión escoge al opción (Button), veras que se abre un cuadro de dialogo con un montón de opciones, tales como el formato y el tamaño del botón, puedes modificar el color tanto del botón como del texto y usar tus colores corporativos, también puedes escoger los colores que aparecen una vez sitúas el cursor sobre el botón.

Y como no el texto que quieres usar, cuando tengas todos los parámetros a tu gusto clica sobre el formato de botón que quieres usar

Introducción de texto en slider revolution

Llamada a la acción

Que no se te olvide configurar la acción, para eso una vez que tengamos el botón creado y seleccionado iremos a clicar en el menú superior donde pone (Actions) escogemos la opción click – simple link pegamos la URL a donde se dirigirá el tráfico escogemos abrir en la misma ventana o en otra ventana y guardamos.

Configurar el botón de llamada a la acción, en slider Revolution

Poner Slider Revolution en página de Inicio

Pues bien, ya solo nos queda ir a la página de inicio y poner el slider que hemos creado, en mi caso tengo un tema instalado que me facilita ponerlo en su lugar, si no es tu caso solo tienes que pegar el shorcode que nos facilita el plugin, al inicio de la página.

Vídeo Tutorial

Enlace de descarga

Enlace de descarga del plugin

Pues hasta aquí este tutorial, déjanos tus comentarios y sugerencias para otros tutoriales.

Si quieres podemos diseñar o rediseñar tu página web.

¡Seguro que aciertas!

✊ Te proponemos…

 📧 Suscríbete a Nuestros Boletines 📬

                                   

Suscríbete a nuestras newslettres

Recibe las últimas novedades sobre diseño web, posicionamiento SEO, marketing digital y mucho más.

📈 ¿Necesitas un buen hosting?

Hosting SSD

🔗 ¿Quieres unirte a G Suite?

Aprovecha todas las ventajas que te ofrece la plataforma de Gmail, con este enlace G Suite y utilizando estos cupones obtienes descuentos para el primer año.

PlanCódigo descuento
Plan G Suite BasicC4X43N74EYRWVCJ
Plan G Suite BusinessTCKJGUH3GVJ7GDF

 

Hola
¿Te puedo ayudar?
LLAMAR AHORA
11 Consejos SEO para conseguir más visitas a tu Web o Blog

E-Book 11 Consejos SEO

Descárgalo GRATIS ahora

Gracias por suscribirte a nuestra lista de email, en breve recibirás tu e-book. Asegúrate de que nuestros correos no van a la bandeja de spam, pon mi correo info@webinstant.es en tus contactos.

Pin It on Pinterest

Share This