Pasar de la revolución del control deslizante al control deslizante inteligente 3

Publicado: 2023-06-08

Para hacer controles deslizantes, dos complementos muy apreciados son Smart Slider y Slider Revolution. Ambos son realmente poderosos y le permiten crear controles deslizantes impresionantes. Por otro lado, puede decidir cambiar a Smart Slider. Esto puede provocar la consulta de cómo cambiar de Slider Revolution.

¿Cuál es la forma más rápida de hacer funcionar los controles deslizantes?

¿Cómo puedo pasar de la revolución del control deslizante?

Es vital comprender las diferencias principales entre Smart Slider y Slider Revolution antes de comenzar el proceso de transferencia. Los "niveles" en los que trabaja son una de las variaciones más significativas entre los dos complementos. Un tablero y un editor de diapositivas son las dos capas de Slider Revolution.

Cada módulo que ha creado se muestra en el Tablero. Se puede seleccionar cualquier módulo para acceder a su configuración. En una sola pantalla, todo tiene lugar. El panel de la derecha donde modifica sus capas también es donde puede configurar su módulo, incluido su tamaño y diseño.

Tres niveles componen el control deslizante inteligente: el tablero es el primer lugar donde puede ver los controles deslizantes que ha creado. Llegas a la página de configuración del control deslizante después de visitar cualquier control deslizante. Aquí, puede personalizar el control deslizante modificando sus dimensiones, diseño o controles.

La lista de sus diapositivas se encuentra en la parte superior de esta página. Primero debe acceder al Editor de diapositivas para poder trabajar con capas. Al hacer clic en cualquiera de las diapositivas, puede hacerlo. Puede cambiar el fondo de la diapositiva aquí. En esta página, también puede agregar y modificar sus configuraciones de capas.

Existen diferencias significativas entre los dos complementos, aunque ambos ofrecen muchas de las mismas funciones.

Por ejemplo, sus interfaces de usuario son muy diferentes, lo que dificulta la navegación entre ellas. Repasaré las diferencias más significativas entre los dos complementos en esta guía para que pueda comenzar a construir su control deslizante.

En este blog, cubriremos estos puntos dados :

  • ¿Puede el control deslizante inteligente reconocer el control deslizante en la revolución del control deslizante automáticamente?
  • Tu primera creación de slider
  • ¿Cómo se puede construir un control deslizante?
  • ¿Cómo se puede cambiar el tamaño del control deslizante?
  • Cambiar el diseño y el tipo del control deslizante
  • Activar y personalizar la reproducción automática
  • ¿Cómo maneja el control deslizante inteligente las capas?
  • Capas más utilizadas
  • ¿Cómo se diseña la capa?
  • Añadir animaciones en las capas.
  • Poner su control deslizante en el sitio web
¿Puede el control deslizante inteligente reconocer el control deslizante en la revolución del control deslizante automáticamente?

Cada complemento tiene un método único para manejar y almacenar datos. Debido a esto, los controles deslizantes que ha creado en un complemento no serán reconocidos por Smart Slider o Revolution Slider.

Desafortunadamente, mover los controles deslizantes de Slider Revolution manualmente no es una opción. Para utilizar los controles deslizantes que generó anteriormente en Revolution Slider en Smart Slider, debe construirlos de nuevo.

Tu primera creación de slider

Hacer un control deslizante es uno de los trabajos más cruciales de un programa de control deslizante. Sin embargo, cada complemento deslizante tiene un procedimiento exacto algo diferente. Antes de construir el control deslizante, podrían, por ejemplo, solicitar más información (como un nombre o algunas dimensiones). O simplemente pueden usar la configuración predeterminada sin hacer preguntas.

¿Cómo se puede construir un control deslizante?

Para comenzar a construir un control deslizante en Smart Slider, haga clic en el icono Nuevo proyecto. Luego, el complemento le solicita que elija entre comenzar desde cero o importar una plantilla. Debe decidir qué tipo de control deslizante desea hacer si opta por comenzar desde cero. Debe decidir el tipo, el tamaño y el diseño de su control deslizante, por ejemplo.

El control deslizante simple, el bloque, el escaparate y el carrusel son los cuatro tipos de control deslizante que ofrece Smart Slider. El tipo Slider en Slider Revolution es equivalente al tipo Simple. El Bloque y la Escena son idénticos. Showcase es a lo que Smart Slider se refiere como el carrusel en Revolution Slider.

El tipo Carrusel que utiliza Smart Slider es comparable al tipo Showcase. La distinción principal es que solo puede mostrar diapositivas que no están recortadas. También tiene la capacidad de mostrar un número par de diapositivas.

(IMAGEN: carruseles e imagen de un solo control deslizante)

¿Cómo se puede cambiar el tamaño del control deslizante?

Antes de crear un nuevo control deslizante, Smart Slider le solicita que especifique su tamaño. Siempre puede ajustarlo en la pestaña Tamaño de la configuración del control deslizante si es necesario.

Cambiar el diseño y el tipo del control deslizante

Antes de generar su control deslizante, Smart Slider le solicita que elija su tipo y diseño. Tiene la opción de modificarlos más tarde si toma la decisión incorrecta o cambia de opinión.

Vaya a la pestaña Tamaño de la configuración del control deslizante para modificar el diseño de su control deslizante. Cambie el tipo de control deslizante en Acciones del control deslizante. Cambie el tipo de control deslizante si necesita un tipo de control deslizante diferente.

(Imagen- control deslizante con diseños)

Activar y personalizar la reproducción automática

Smart Slider no tiene habilitada la función de reproducción automática de forma predeterminada. Debe habilitar la reproducción automática en Opciones del control deslizante Reproducción automática si desea que el control deslizante gire automáticamente. Aquí puede elegir la acción que pausa y reanuda las diapositivas, así como su duración.

¿Cómo maneja el control deslizante inteligente las capas?

Puede manipular las capas en Slider Revolution de manera similar a las de los editores de imágenes. La capa se puede mover por el lienzo a voluntad. Pero Smart Slider incluye un modo de edición especial al que nos referimos como ubicación predeterminada. Con esta edición, puede manipular sus capas como lo haría con un generador de páginas.

Supongamos que desea transferir los cinco niveles que se encuentran en el medio de su diapositiva hacia la izquierda. Las capas en Slider Revolution deben moverse una a la vez. Además, debe tener cuidado para evitar cualquier alteración en las distancias que seleccione.

Todo el proceso es mucho más fácil con Smart Slider. Puede modificar la alineación interna en el elemento principal de cada capa en lugar de cambiar individualmente cada capa. Todas las capas se deslizan hacia la izquierda sin tener que tocarse como resultado. Además, cada espaciamiento será constante.

Capas más utilizadas

Se puede encontrar una capa separada de encabezado y texto en Smart Slider. Se puede crear un encabezado h1-h6 o div utilizando la capa de encabezado.

La capa de video es la otra distinción clave. Existe una capa de video en Slider Revolution. Puede seleccionar si desea mostrar un video HTML, YouTube o Vimeo en esta capa. Sin embargo, cada video tiene su propia capa en el Smart Slider. Por lo tanto, se debe agregar una capa de YouTube si desea mostrar un video de YouTube.

¿Cómo se diseña la capa?

Al seleccionar la pestaña de personalización en la ventana de capas, puede personalizar sus capas. Puede elegir el color, la familia de fuentes, el tamaño y el peso de sus mensajes aquí. También puede elegir un color de fondo para mejorar la legibilidad. También puede establecer la opción de radio de borde en el menú Estilo al crear un botón para producir esquinas redondeadas.

Agregar animaciones en la capa

Cada capa en Smart Slider puede tener una animación de capa añadida. Vaya a la pestaña Animaciones de la Ventana de capas para agregar una animación a su capa.

Se pueden agregar tres animaciones diferentes a cada capa:

En: la animación que hace que su capa se muestre en la diapositiva.
Bucle: este movimiento es continuo. Por ejemplo, puede usarlo para rotar una imagen.
Fuera: la capa está " oculta " a la vista por esta animación, lo que la hace invisible.

Poner su control deslizante en el sitio web

Todo lo que queda por hacer es publicar su control deslizante una vez que haya terminado de crearlo. El código abreviado de su control deslizante o el módulo de Gutenberg se pueden usar para publicarlo. El código abreviado de su control deslizante se encuentra en la pestaña General de la ventana Configuración del control deslizante.

Algunos de los creadores de páginas más populares, como Divi o Elementor, también tienen un complemento Smart Slider. Tenga cuidado de cambiar todos sus controles deslizantes antiguos por los nuevos cuando se mueva de Slider Revolution.

Conclusión

Las excelentes herramientas para crear controles deslizantes incluyen Smart Slider y Slider Revolution. Pero difieren mucho en cuanto a su interfaz de usuario, los nombres y ubicaciones de la funcionalidad y otros factores.

La conversión manual de sus controles deslizantes es una tarea enorme y desafiante. Con suerte, esta instrucción le facilitará el cambio de Revolution Slider.