Uso de seguimiento en miniatura en comparación con los puntos que navegan en el módulo de video deslizante de Div

La navegación en miniatura vs dot es una de esas cosas que debemos considerar al agregar un módulo de video deslizante a nuestros diseños de división. Ambas son buenas opciones, pero cada una es más adecuada para ciertas situaciones. En este artículo, analizaremos el uso de la navegación en miniatura frente a la navegación de puntos en el módulo de video Divi Slider para ayudarlo a decidir usar en su situación. Siguiendo la miniatura y los puntos que navegan por la miniatura y la navegación de puntos facilita la navegación a través de diapositivas de video. Video Slider Div. Ambos muestran el video actual en el reproductor de video, pero su navegación es muy diferente.
Ambos tipos de navegación funcionan bien, pero hay momentos en que uno es una mejor opción que la otra. Exploraremos esta idea a medida que avanzamos. El siguiente ejemplo muestra ambos tipos de navegación.

Cambiar entre la navegación en miniatura y puntos es fácil de cambiar entre el seguimiento en miniatura y los puntos. Habilite Visual Builder en la parte superior de la pantalla. Coloque el cursor sobre el módulo de video deslizante y haga clic en el icono de la rueda gris.

Desplácese hacia abajo hasta los artículos. Verá una configuración llamada Control Grisor, que incluye un cuadro desplegable. Este menú de caída contiene ambas opciones de navegación. Simplemente haga clic en la opción deseada. La configuración predeterminada es el uso del seguimiento en miniatura. Esta es la navegación que se ve en la imagen a continuación.
Comandos SLISOR:
Use el seguimiento en miniatura
Usar la navegación de puntos

Ahora hemos seleccionado la navegación de puntos de uso. Las miniaturas han sido eliminadas y ahora hay puntos en la imagen de video.

Un vistazo a la pieza miniatura de la pista de miniatura muestra una imagen en miniatura de las diapositivas debajo del reproductor de video. Pasando con el mouse en una miniatura muestra el patio de recreo y revela las flechas izquierda y derecha. Paso el mouse sobre la segunda miniatura a la izquierda de este ejemplo. Al hacer clic en una miniatura, ese video se muestra en el reproductor de video. La miniatura para el video actual muestra una superposición.

Al hacer clic en una flecha en las miniaturas de pista, ejecuta las miniaturas en el conjunto anterior o siguiente de miniaturas. Esto permite a los usuarios ver fácilmente miniaturas y elegir su video en la diapositiva de video.

Tiene control sobre la superposición de la pista en miniatura y el color de control. Elija cualquier color para el color de superposición en miniatura. Seleccione entre opciones clara y oscura para el color de los comandos del control deslizante.

Color Miniature Overlap: elija el color personalizado
Color de comando del cursor: elija Light o Dark
Cuando se usa la pista en miniatura porque la pista de miniatura muestra imágenes, es mejor usarla en una página o en una página, que no tiene muchas imágenes. Úselo con espacio en blanco. Es ideal cuando quieres llamar la atención sobre las diapositivas.

Donde la pista en miniatura es ideal aquí hay algunos ejemplos. Funciona bien en los ejemplos a continuación porque no hay muchas imágenes en el área a su alrededor y tiene suficiente espacio en blanco para separarlo de los otros elementos. En este ejemplo, uso la página de la habitación del paquete de alojamiento y desayuno gratuito. Hemos reemplazado el módulo de video y los módulos de imagen con un solo módulo de video deslizante. Este es el uso perfecto del módulo de video deslizante con pista de miniatura. Las miniaturas muestran cuáles son las diapositivas, para que el visitante pueda ver fácilmente la habitación que le interesa. No llama la atención sobre las habitaciones, que es el propósito de esta página.
En el siguiente ejemplo, colocamos el módulo de video deslizante con la pista en miniatura en la página inicial del paquete de consultores de diseño gratuito, que está disponible en el DIV. Hay un espacio en blanco entre la diapositiva de video y los módulos arriba y abajo. El módulo tiene el ancho completo de la apariencia, por lo que hay mucho ancho de la pantalla para navegar por miniaturas.

La navegación de puntos funciona bien aquí, pero no llama la atención sobre las diapositivas de video. Necesita más información, como un título para describirlo.

Donde la ruta en miniatura no es ideal para la búsqueda en miniatura no es ideal cuando no hay mucho espacio para las miniaturas y hay muchas imágenes a su alrededor. En este ejemplo, moví el módulo de video deslizante a una pequeña columna junto a una imagen gráfica. La diapositiva de video se ve bien aquí, pero las miniaturas son difíciles de ver. La diapositiva de video se pierde en las imágenes, por lo que esta no es una ubicación en la que le gustaría colocarlo si desea llamar la atención sobre los videos. Tiene un diseño mínimo que no toma de los elementos circundantes. Esta es una buena opción si desea usar videos como elementos de soporte más pequeños.

Una mirada a los puntos de navegación por puntos agrega un punto a la imagen presentada para cada diapositiva. El punto para la diapositiva actual es más brillante que los demás.


Al hacer clic en un punto, se selecciona el video de ese punto. En el siguiente ejemplo, seleccionamos el último punto. El reproductor de video ahora muestra la imagen de esa diapositiva de video. Paso el mouse sobre la imagen de video, que muestra una superposición y hace que los puntos sean más fáciles de ver con mi esquema de color.

Puedes elegir entre colores claros y oscuros. Esto le permite hacer que los puntos sean más visibles según los colores o la superposición de las imágenes presentadas de su video. Hemos seleccionado la opción oscura para el siguiente ejemplo.

Color de comando del cursor: elija Light o Dark

Cuando se utiliza la navegación de puntos con puntos, las diapositivas en la diapositiva de video no son el énfasis principal o cuando desea mantener la página sin trastorno visual. Mantenga la página simple, pero aún es fácil navegar entre diapositivas. Donde la navegación de puntos es ideal aquí hay algunos ejemplos de puntos. Funciona bien donde no hay mucho espacio, desea mantener la página limpia o el objetivo no es llamar la atención sobre cada video en el control deslizante de video. Para este ejemplo, agregué un módulo de diapositiva de video a la sección de testimonio. Esta sección incluye varios testimonios escritos junto con el control deslizante de video. El propósito de esta página es promover los servicios. Los videos son solo un tipo de testimonio que ayuda a respaldar la venta. No hay necesidad de llamar la atención sobre cada diapositiva. El usuario puede ver todo lo que quiera. Utilizo la página inicial para el paquete de disposición de piso gratuito. El siguiente momento en miniatura se ve bien, pero podría divertirse en este aspecto y no es necesario según el propósito de la página. No queremos que nuestros testimonios nos distraigan de nuestro llamado a la acción.

Aquí hay otro ejemplo. Utiliza la página de blog en el paquete de diseño de blogger gratuito. Reemplazé el módulo de publicación de blog con un módulo de video deslizante. Este ejemplo incluye muchas diapositivas de video e imágenes alrededor de la diapositiva. El aspecto parece limpio y fácil de navegar. El propósito no es centrarse en cada publicación, sino darle al usuario una forma de verlo si lo desea.
El seguimiento de la miniatura todavía se ve bien aquí, pero la página se llena demasiado con muchas diapositivas.

Donde la navegación de puntos no es ideal para la navegación de puntos no es ideal cuando queremos llamar la atención sobre las diapositivas de video. Para este ejemplo, uso la página de destino para el paquete de tienda de ropa gratuita. Reemplazamos las imágenes de los productos de WooCommerce de la sección de recién llegados con un control deslizante de video. En este caso, queremos ver los nuevos productos. El área alrededor del cursor está vacía. Este diseño de página no es ideal para conversiones. El seguimiento de la miniatura funciona mejor aquí. El énfasis se pone en los productos, que es donde queremos.

El final de los pensamientos sobre la pista en miniatura frente a la navegación con puntos, este es nuestro aspecto en la pista en miniatura vs puntos en el módulo de video deslizante. Ambos tipos de navegación funcionan bien, pero es mejor usarlos en situaciones ideales. Hay momentos en que uno funciona mejor para nuestros modelos. En general, puede pensar en la pista en miniatura y los puntos de navegación con estas ideas básicas:

Use la pista de miniatura para áreas más grandes o para llamar la atención sobre las diapositivas de video.

Use la navegación con puntos para áreas más pequeñas o cuando desee mantener el aspecto limpio.

Queremos escuchar de ti. ¿Prefieres la navegación en miniatura o la navegación de puntos? Dinos en los comentarios.