Probablemente sepa Slider Revolution, es uno de los complementos premium de WordPress más descargados en CodeCanyon. También es el más recomendado para personas que quieran agregar un control deslizante (presentación de diapositivas) en su sitio web o blog de WordPress.

Es un complemento disponible en CodeCanyon.com. Recuerda, te presentamos cómo descargar un complemento en esta plataforma.

Entonces lo primero es descargar, instalarlo y activarlo.

Si nunca ha instalado este último, averigüe Cómo instalar Revolution Slider en WordPress.Vous pouvez aussi Descubre este otro tutorial detallado y bastante completo.

Recomendadas.

Cómo configurar Slider Revolution

Slider Revolution ofrece configuraciones básicas. Primero debe acceder a la página de inicio del complemento, a través del menú " Slider Revolution »Disponible en el menú del lado izquierdo de su tablero, después de instalar y activar el complemento.

acceso revolución slider.jpg

Esto lo redirigirá al panel de control del complemento Slider Revolution. Luego configuraremos el complemento. Luego debe hacer clic en el enlace " Configuraciones generales Ubicado en el submenú Slider Revolution.

parámetros generales resolución slider.jpg

Haciendo clic en él te llevará a una nueva página. Esta página contiene algunas opciones, incluyendo:

  • Los roles que tienen acceso Ver permiso plug-in »
  • Cargando recursos de complementos en todas partes " on O solo en las páginas que lo utilizan. Cargar recursos en todas sus páginas puede ralentizar su sitio web.
  • También puede integrar los recursos del complemento en ciertas páginas agregando el identificador de cada página en el " Páginas a RevSlider incluye bibliotecas ".
  • Para una mejor representación, puede optar por cargar los recursos del complemento después de que se muestre la página con la opción " Inserción de JavaScript en el pie de página ".
  • Puede activar las opciones para exportar los datos del control deslizante para utilizarlos en varios otros sitios web.
  • La última opción se refiere a los informes de actividad del control deslizante.

Ajuste del control deslizante de revolución general parameters.jpg

La configuración predeterminada es aceptable. Pero puedes personalizarlos como quieras. No olvide hacer clic en " Guardar configuración »Para guardar su configuración.

Regresar a « Slider Revolution Porque ahora vamos a crear un nuevo control deslizante.

configurar el complemento WordPress Slider Revolution

Cómo crear un control deslizante con el complemento Revolution Slider

Revolution Slider es muy flexible y se adapta a casi cualquier tipo de control deslizante, desde el más simple hasta el más complejo con capas (esta es una característica muy interesante).

En la nueva página, puede observar que hay dos columnas principales. Esta página debe considerarse como la página de configuración del nuevo control deslizante. No es posible desde esta ubicación agregar imágenes y textos. Sin embargo, vamos a cambiar algunas configuraciones del control deslizante.

Descubre nuestro Los mejores complementos premium de WordPress de 10 para crear controles deslizantes en tu blog

En la sección "Control deslizante de parámetros"

Tenemos varios campos obligatorios que deben completarse, que incluyen:

  • Título
  • El alias que se utilizará en el shortcode. Debe proporcionar necesariamente un alias.

título shortcode revolution slider.jpg

Hay varios tipos de controles deslizantes que se pueden lograr con Slider Revolución

  • Puede optar por mostrar los artículos como una diapositiva, en particular definiendo un límite de los resultados, modificando el orden de visualización, eligiendo una plantilla, etc.
  • Elija artículos particulares, especificando sus identificadores
  • Elija el modo de galería para el control deslizante, que nos permitirá crear diapositivas más complejas y hermosas.

deslizador revolución tipo selección slider.jpg

La siguiente opción le permite modificar el diseño del control deslizante: fijo, personalizado, con respuesta automática, pantalla completa. Además de estas opciones, existen aquellas para tamaños de cuadrícula y dimensiones de diseño.

configuración de tamaño revolución slider.jpg

Estas son las opciones de la primera columna. La segunda columna ofrece varias otras opciones. Entre otros tenemos: La duración de cada diapositiva, que por defecto es de 9 segundos.

Visualización aleatoria (el modo aleatorio)

Parámetros generales slider revolution slider.jpg

La sección Diseño y Visual

Esta sección agrupa las opciones sobre la configuración de la sombra, el fondo en la subpestaña "Apariencia". También encontrará una pestaña "Spinner", que le permite modificar la animación durante la carga del control deslizante, la pestaña "Móvil" que le permite determinar cómo se muestra el control deslizante en el móvil y la pestaña "Posición" que le permite para configurar la ubicación del control deslizante en relación con el contenido.

diseño y revolución visual slider.jpg

La sección de navegación

La pestaña de navegación se subdivide en varias subpestañas que le permiten configurar varios aspectos de la navegación del control deslizante. Por ejemplo, tendrás la pestaña "flechas" que te permite elegir el tipo de botón de navegación entre los deslizadores (puedes activar o no las flechas). Con la pestaña "Viñeta", también tiene la posibilidad de configurar viñetas de navegación, con la pestaña "Pestañas" que agregará un efecto de deslizador de pestaña y así sucesivamente.

barra de navegación revolución slider.jpg

Configurar las condiciones de animación "Parámetros generales"

Ofrece opciones en diapositivas, por ejemplo, puede definir que el control deslizante se detenga automáticamente después de una diapositiva en particular " Después de dejar de bucles »O elija la posición de la barra deslizante (la barra de progreso le permite ver cuánto tiempo tarda una diapositiva antes de que se muestre otra).

configuración animación deslizador revolución slider.jpg

Estas son las primeras secciones del complemento y las que más usarás. Puede usar más opciones para agregar más funcionalidad al control deslizante.

Descubre Cómo crear una página web profesional con WPBakery y añádele un hermoso control deslizante.

Una vez hecho esto, guarde el control deslizante de abajo usando el " Guardar configuración ".

registrarse slider revolution sliders.jpg

Después de hacer clic en " Guardar configuración », Serás redirigido a la interfaz de creación del control deslizante. Lo que creará un control deslizante predeterminado vacío.

slider creation interface.jpg

Cómo agregar una nueva diapositiva a un control deslizante

Si no recuerda qué es esto, en una publicación anterior definí un conjunto de términos técnicos de WordPress, que incluyen « Control deslizante "y" Diapositivas ».

Antes de la interfaz para modificar las opciones del control deslizante, verá una sección con 3 zonas por defecto donde encontrará la última con la etiqueta " Añadir diapositiva". Al colocar el mouse sobre él, mostrará opciones adicionales. Elija Agregar diapositiva vacía.

agregar un control deslizante a un slider.jpg

Observación : Cualquier diapositiva nueva que cree se agregará a esta barra. Cada diapositiva creada le ofrecerá opciones de administración adicionales: Eliminar, Duplicar, Agregar a plantilla.

La interfaz de un control deslizante consta de:

  • Opciones de diapositivas avanzadas
  • Desde la interfaz de diseño del control deslizante (interfaz de creación)

Interfaz de opciones avanzadas

Estas opciones están organizadas en varias pestañas diferentes. La sección de fondo principal te permite configurar diferentes aspectos que afectan el fondo de la diapositiva. Por ejemplo, puede optar por utilizar un video de YouTube como fondo.

background video revolution slider.jpg

La pestaña de Parámetros Generales te permite configurar elementos como la duración de la diapositiva, varios eventos que harán que la diapositiva se detenga (detener la animación).

Parámetros generales revolución slider.jpg

La pestaña de miniaturas le permite elegir una vista previa para la diapositiva creada. Esto se utilizará si su control deslizante ofrece vistas previas de diapositivas. 

revolución de viñeta de la creación slider.jpg

La pestaña de animación de diapositivas le permite definir cuál es la animación de entrada y salida de la diapositiva. Tiene una amplia variedad de opciones disponibles.

elegir animación deslizar revolución slider.jpg

La pestaña link & seo te permite modificar algunos atributos HTML de la diapositiva. En principio, no necesitará utilizar esta pestaña con frecuencia.

Interfaz de diseño Revolution Slider

La interfaz de diseño es el lugar de preparación donde realizarás tu composición. Consiste en una superficie compuesta por cuadrados blancos y grises, que constituyen el super trabajo (donde se colocarán los diferentes elementos).

diseño de interfaz revolución slider.jpg

Qué saber sobre las capas (capa)

Cada objeto colocado en la interfaz de composición constituye una capa. Estas capas se pueden superponer una encima de la otra, al igual que se puede hacer con los bocetos. Por lo tanto, la capa puede consistir en una imagen, un código html, un video, una forma, un objeto y mucho más. Puede agregar una capa colocando el cursor sobre el botón "Agregar capa" que le brinda más opciones.

navegar por una capa de revolución slider.jpg

Si hace clic en "Texto / html", esto agregará una zona de texto en la interfaz de diseño que puede personalizar (agregar texto, cambiar la fuente o mover).

agregar texto revolución slider.gif

Cada capa agregada puede ofrecer diferentes opciones. Por lo general, para acceder a las opciones de una capa, simplemente haga doble clic en ella. Ahora agregaremos una imagen.

agregar imagen revolución slider.gif

Cada capa tiene sus propias opciones. Estas opciones son la barra ubicada justo encima de la interfaz de diseño.

Opción para capa revolución slider.jpg

Estas son pestañas que ofrecen opciones avanzadas. Por ejemplo, si queremos cambiar la animación de la capa, tenemos que ir a la pestaña de animación y elegir una animación de entrada y salida de la siguiente manera.

Elige una animación para un layer.gif

Cada pestaña tiene sus propias opciones. Al tomar unos minutos, podrá comprender cómo funcionan la mayoría de las pestañas.

Eso es todo lo que hay que saber sobre la configuración del Plugin de WordPress Slider Revolution para empezar. Volveremos más tarde para mostrarte técnicas más avanzadas.

Pero antes de dejarlo, nos gustaría ofrecerle 2 alternativas premium más diseñadas para ayudarlo a crear controles deslizantes en su sitio web.

1. RoyalSlider

El control deslizante más descargado en CodeCanyon, Royal Slider viene cargado de características irresistibles. Utilizado por empresas tan diversas como Coca-Cola, Ralph Lauren y Land Rover, este complemento hace casi todo lo que podría esperar de un control deslizante. La característica más atractiva es la compatibilidad nativa con pantalla completa.

Control deslizante de contenido táctil Royalslider para wordpress

Perfecto para mostrar fotografías de alta resolución. Este complemento definitivamente impresionará a sus visitantes con sus características profesionales. Como características tendremos entre otras: la posibilidad de crear varios sliders con diferentes estilos por página, soporte para navegación táctil, un diseño responsive, la A en miniatura vertical u horizontal, viñetas o pestañas para navegación, y más.

Descargar | Demo | alojamiento web

2. . WP Slick Slider y Image Carousel Pro

Si eres un seguidor incondicional de la secuela Visual Composer, usar el complemento WP Slick Slider es una opción que deberá tener en cuenta. Con casi plantillas predefinidas de 100, definitivamente encontrará lo que está buscando sin codificar nada.Wp slick slider y carrusel de imágenes pro

Esta es una opción para tomar realmente en serio, especialmente para los usuarios de Compositor visual - WPBakery -.

Sus características son entre otras: a mise página totalmente receptiva con soporte de arrastrar y soltar, a cconstructor de códigos cortos, elsoporte de la RTL y la multilingüe, dediseño magnífico, y mucho más.

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

Conclusión

Esperamos que este artículo le haya ayudado a configurar el Plugin de WordPress Revolución deslizante premium. Si tienes alguna duda, no dudes en dejarla en la sección comentarios. Y si te gustó este artículo, compártelo en tus diferentes las redes sociales