Antes de que pueda agregar un módulo de video a su página, primero debe usar Divi Builder. Una vez el Tema divi instalado en su Sitio web, notarás un botón Usa el constructor visual encima del editor cada vez que crea una nueva página.
Haga clic en este botón para activar Divi Builder y acceder a todos los módulos de Divi Builder. Luego haga clic en el botón Usa el constructor visual para iniciar el generador en modo visual. También puede hacer clic en el botón Habilitar Visual Builder cuando navegas por tu Sitio web en primer plano si ha iniciado sesión en su panel de WordPress.
Una vez que haya ingresado a Visual Builder, puede hacer clic en el botón gris más para agregar un nuevo módulo a su página. Los nuevos módulos solo se pueden agregar dentro de las filas. Si está comenzando una nueva página, recuerde agregar una fila a su página primero.
Busque el módulo deslizante de video en la lista de módulos y haga clic en él para agregarlo a su página. La lista de mods se puede buscar, lo que significa que también puede escribir "Video slider" y luego presionar enter para buscar y agregar automáticamente el mod de video. Una vez que se agrega el módulo, será recibido por la lista de opciones del módulo. Estas opciones se dividen en tres grupos principales: Contenido , diseño et Avanzado.
Llena el cursor de video con contenido
Antes de ajustar demasiadas configuraciones, probablemente sea mejor continuar y llenar el control deslizante de video con diapositivas de video. De esta manera, cuando realice cambios, podrá ver cómo afectan el resultado final. Para agregar una nueva diapositiva de video, debe hacer clic en el enlace + Agregar un nuevo elemento .
Aquí puede descargar un archivo .mp4 o Webm. También puede insertar una URL de video en YouTube. Cuando haya subido su archivo o agregado el enlace de YouTube, simplemente haga clic en el botón verde en la esquina inferior derecha y volverá a la pestaña de contenido principal del módulo deslizante de video. Repita este proceso para cada video que desee agregar.
Configuración de contenido del módulo de control deslizante de video
Ahora que se ha agregado su contenido, hay algunas áreas más para explorar. Los tres menús desplegables en la pestaña de contenido donde se han agrupado las configuraciones que afectarán a todo el módulo.
Elementos
Debajo de los elementos, puede ajustar la configuración de flecha y control deslizante del módulo de control deslizante de video.
cubierta
Aquí puede optar por mostrar u ocultar las superposiciones de video en el video principal. Esto se puede hacer agregando una superposición a cada diapositiva de video o generada automáticamente por Divi.
Etiqueta de administrador
En esta lista desplegable, puede agregar una etiqueta de administrador que aparecerá en el generador de back-end, así como en la vista esquemática del generador visual.
Parámetros de diseño del módulo de control deslizante de video
En esta pestaña solo hay un grupo de parámetros llamado Controles de color . Aquí puede cambiar el color de los controles deslizantes de claro a oscuro, cambiar el color del icono de reproducción y ajustar el color de la superposición de miniaturas.
Configuración avanzada del módulo de control deslizante de video
En la pestaña Avanzado de su módulo deslizante de video, puede agregar una ID única y una clase css. También puede agregar CSS personalizado a varios selectores de CSS predefinidos (y preseleccionados) en el módulo deslizante de video desplegable CSS personalizado. Finalmente, en la lista desplegable de visibilidad, puede ajustar la visibilidad de su módulo en teléfonos, tabletas y computadoras de escritorio.
Configuración de contenido de video individual
Si desea crear configuraciones específicas para diapositivas individuales, estas deben configurarse en las diapositivas de video. Simplemente haga clic en el ícono de ajustes en esa diapositiva para abrir su configuración única.
Vídeo
Como se demostró anteriormente, aquí es donde puede agregar su contenido de video.
cubierta
Desde la lista desplegable de superposición, puede cargar una imagen para superponer su diapositiva de video o elegir generar una automáticamente.
Configuración de diseño de video individual
En la pestaña Diseño de la diapositiva de video, puede cambiar el color de la flecha de la diapositiva de claro a oscuro.
Eso es todo por este tutorial, espero que le permita usar el módulo de desplazamiento de video en Divi.
[vc_row center_row=”sí”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DESCARGAR TEMA DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/filiales/idevfiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DESCARGAR EL TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Otros tutoriales de Divi
- 5 sitios web para su uso restaurante temático Divi
- Cómo agregar texto en un producto Divi WooCommerce
- Cómo cambiar el color del menú entre páginas Divi
- Cómo personalizar las cuadrículas de un blog con Divi
- Cómo utilizar la función de editor Divi en WordPress
- Cómo crear un control deslizante Divi a pantalla completa
- Cómo cambiar el color de los menús entre páginas Divi
- Características que probablemente no conozcas sobre Divi
- Cómo usar Divi Builder en WordPress
- Cómo usar el módulo de desplazamiento de video Divi
- Cómo usar el módulo Divi Builder Flip
- Cómo agregar un módulo testimonial en Divi Builder
- Cómo usar el módulo de texto Divi
- Cómo crear un control deslizante en Divi
- Cómo editar un rol de usuario Divi
- Cómo usar el módulo de Divi Social Media
- Cómo usar el módulo de tienda en el tema WordPress Divi
- Cómo usar el módulo de la barra lateral Divi
- Cómo usar el Módulo Divi Price Table
- Cómo usar el módulo de título de las publicaciones de Divi
- Cómo agregar un módulo de video de Divi
- Cómo usar el módulo de navegación del artículo
- Cómo usar el módulo de búsqueda Divi
- Cómo usar el módulo Divi wallet
- Cómo usar el módulo de persona en Divi Builder
- Cómo usar el módulo de billetera con filtro Divi
- Cómo usar el módulo deslizante de ancho completo
- Cómo usar el Módulo de imagen Divi Builder
- Cómo utilizar el módulo de navegación de ancho completo de Divi Builder
- Cómo usar el módulo de la galería de imágenes
- Cómo utilizar el módulo de tarjeta de ancho completo de Divi Builder
- Cómo utilizar el módulo de cartera de ancho completo de Divi
- Cómo usar el módulo de encabezado de ancho completo Divi
- Cómo usar el módulo Divi Counter
- Cómo usar el control deslizante de artículos en Divi Builder
- Cómo usar el módulo Divi Email Optin