Slider (Carrusel) DIVI: Cómo Hacer un Deslizador de Ancho o Pantalla Completa en tema Divi Wordpress
HTML-код
- Опубликовано: 8 сен 2024
- Slider (Carrusel) DIVI: Cómo hacer un deslizador de Ancho o Pantalla Completa en tema Divi Wordpress
En este video te explico cómo crear un carrusel o deslizador de anchura completa para páginas web en Wordpress con la plantilla DIVI.
★★★★ ★ RECURSOS ★★★★ ★
⚡️ HOSTING Más Rápido:
emmanuelgutier...
💎 DOMINIO Web Económico:
• Apuntar o Enlazar Domi...
******************************************
💜 DIVI 20% Descuento:
emmanuelgutier...
💜 DIVI Curso Gratis:
emmanuelgutier...
******************************************
⭐️ LOGOTIPO Económico:
• Comprar LOGOTIPO 🔷 Dón...
📭 EMAIL Marketing Prueba GRATIS:
• Getresponse Opiniones:...
******************************************
🎥 EDITAR Videos Rápido:
emmanuelgutier...
💯 RUclips Más Vistas:
www.tubebuddy....
******************************************
💥 DISEÑOS Social Media:
• Cómo Hacer Imágenes Fl...
💻 MAC & PC Mantenimiento:
• CLEAN My MAC Opiniones...
******************************************
Este video es sobre:
carrusel divi
carrusel de imagenes
carrusel pantalla completa divi
divi deslizador pantalla completa
slider divi
anchura completa divi
ancho completo divi
divi slider anchura completa
como hacer un slider en divi
como hacer paginas web en wp Music: www.bensound.c...
Si tienes dudas, déjame un comentario!
Muchisimas gracias, realmente aprecio tu ayuda, bendiciones.
Hola, al editar en el constructor visual todo me va bien pero al salir de el, al mostrar la página principal se descuadra el sslider y no muestra lo que tiene que mostrar. A que se debe esto? Gracias y un saludi
Hola Nancy!! Me alegro mucho que te haya servido este video!! Saludos!! 😃
Hola Alex! Me puedes pasar el URL para revisar? Saludos!
Emmanuel, todos tus tutoriales son muy buenos!! Muchas gracias.
Mi duda es la siguiente... hice imágenes para usarlas como slider de ancho completo como fondo, la resolución de altura es de 300 px... el slider no me deja ver la imagen tal cual la diseñe, si no que está aparece rectangular casi cuadrada aumentando su tamaño.. intente mil cosas y no pude solucionarlo. De antemano muchas gracias
Crack gracias!
Hola @fernandocenteno2865!! Me alegro mucho que te haya servido este video! Saludos!!
muy bueno.... gracias x esos detalles....solucionado...! ya me estaba reventando la madre....y no sabia como!!! genialllll
Hola Tecnologia Informatica!! Me alegro mucho que te haya servido este video!! Saludos!! 😃
Gracias emmanuel por tu tiempo
Hola!! Me alegro mucho que te haya servido este video!! Saludos!! 😃
Gracias por el material.
Hola Erik! Me alegro que te haya servido este video!! Saludos!
Gracias! Una consulta, como hago para que sea automático,? es decir que el slider se cambie solo sin necesidad de hacer clic
Hola!! Abres la configuración del módulo, vas a Diseño > Animación > Activas el movimiento automático. Éxitos!!
@@emmanuelgutierrezdesarroll624 muchas gracias! Lo voy a probar
Excelente, mil gracias por tu respuesta.
Genial! Exitos!!
Muy buen tutorial! Muchas gracias!
Hola!! Me alegro mucho que te haya servido este video!! Saludos!! 😃
Hola, tengo una pregunta:
¿Cómo hacer que el Slider o Control deslizante de pantalla con ancho completo pase automáticamente sin necesidad de hacer click en las flechas o en los puntitos?
Tengo el mismo problema ¿pudo resolver?
Saludos Emmanuel excelente video, la verdad llevo unos 2 años trabajando con divi y es la parte mas difícil ya que tu creas el slider pero en móvil se ve mal, no se ve completa la imagen, lo editas y pones la imagen en ajuste y se ve bien en móvil pero ya no se ve pantalla completa en escritorio, la verdad es un dolor de cabeza.
es debido a que antes de darle clic en guardar se debe editar las demás opciones tablet, celular, pc, si lo hace por separado se cambian las demás. también me pasaba. Ahora ya tengo la pagina completamente responsive
Gracias Jhoin!!!
Gracias por la mano! Estaría bueno si puedes hacer uno de cada uno de la sección fullwidth. saludos!
Hola! Claro, es una buena idea para un video! Voy hacerlo y te aviso! Gracias! Saludos!
Gracias por tu ayuda, muy bueno tu video de contenido desplegable. Regresando a este video, cunado agregas la foto al fondo queda detrás del fondo, la foto no queda de fondo, queda detrás del color de fondo, como lo hago, cuando agrego la foto de fondo no me queda con el color. mil gracias de antemano.
Hola Antonio! Que raro que no lo muestro en el video.. lo brinqué en la edición jaja .. ve aquí explico cómo hacerlo: ruclips.net/video/OXLyI72z414/видео.html .. Exitos!!
@@emmanuelgutierrezdesarroll624 Mil gracias, como dicen por estos lados : You are the best, Thank you.
Saludos Antonio!!
Que buen Tutorial, mil gracias por compartir!!!! Una pregunta? La imagen de fondo que pones en el ejemplo de que tamaños debería de ser ??????? Muchas Gracias!!!!
Hola Andres! Al menos 1280 x 768px! Éxitos!!
es posible editar la vista de movil sin dañar la vista del web site desk???
gracias por tus videos
Hola! Sí claro.. debes activar el icono de celular.. y luego poner un tamaño para telefono y otro para desktop.. ve: ruclips.net/video/IQQl8pEcN_E/видео.html
Hola! Una consulta, como hago para que corran solas sin que tenga que hacerlo manual, muchas gracias por tu explicación!
Hola Sandra! Ve a la configuración del módulo y luego a DISEÑO > ANIMACIÓN. Y activas. Me avisas. Éxitos!!
Tengo una pregunta. Puedo en vez de una imagen de fondo usar un vídeo? Lo estoy intentando y no me sale nada. Ojalá puedas ayudarme :(
Hola! Sí, también lo he intentado y no he podido, tal vez estas alternativas te sirvan: wordpress.org/plugins/video-background/ o mira este video ruclips.net/video/4etmWweVn7M/видео.html me cuentas cómo te va. Éxitos!
Amigo como cambio la imagen esa que sale a la izquierda en el deslizador y la pongo a la derecha
Gracias yo no entiendo porque DIVi no tiene plantillas con slider completos y no suben mas temas auque la herramienta es excelente y fácil de usar.
Hola Elvis! Tienes razón! Les falta ese tipo de plantillas.. Exitos!!
Buen video! Hay alguna manera que las imagenes se pasen de manera automatica y con un texto fijo para ambas imagenes?
Hola Enrique! Talvez este video te sirva: m.ruclips.net/video/S1KkTGqoEp0/видео.html .. éxitos!!
Hola como estas, una pregunta, hice el deslizador pero no pasa solo las diapositivas, no encuentro donde sale esa función
Hola! en el modulo ve a DISEÑO > Animación > y ahí sale la opción .. me explico?
@@emmanuelgutierrezdesarroll624 gracias!
Hola 👋 Emamanuel, consulta, y si quiero que el Slider quede a tope arriba y sobre él el header? De esta manera pienso dejar el background del header transparente.
Gracias!!
Hola! No me queda claro.. tienes un ejemplo? Saludos!
Hola, gracias por la información, de casualidad me puedes ayudar a saber como se puede deslizar las imágenes automáticamente.
Hola! Para activar el autoplay debes ir al tab de DISEÑO del módulo y en la sección de ANIMACION, esta la opción de activar y configurar el autoplay del slider.. ve: bit.ly/slider-autoplay-divi
excelente tutorial! consulta , como hago para que mi imagen no este en el lado izquierdo sino en el derecho ??
Hola! oye sabes si se puede agregar otro boton?, quiero colocar 2 pero no se aun como. Gracias por el video :)
Hola! Me parece que debes poner un código en el area de texto del slider.. ve: divibuilderaddons.com/dwkb/add-2-buttons-to-a-divi-slider/ .. Saludos!!
@@emmanuelgutierrezdesarroll624 Genial muchas gracias!
Hola Emmanuel Excelente y gracias por compartir.
Solo quisiera saber como es posible, que al añadir la imagen al slider, en lugar que aparezca a la izquierda y el texto a la derecha puede invertirse la posición: (texto a la izquierda e imagen a la derecha)
Gracias estaré atento
cuando ponemos la pantalla para celular se pierde la imagen
Hola! Debes ajustar la imagen para moviles .. ve: ruclips.net/video/IQQl8pEcN_E/видео.html me avisas como te va. Exitos!
Saludo cordial y mil gracias de nuevo por tu respuesta, en esta oportunidad estoy pensando crear una tarjeta digital , en mi pagina web, y que tenga Código QR incluido, si puedes ayudarme te lo agradecería mucho.de antemano muchas gracias.
Hola Antonio! Nunca he hecho eso.. pero tal vez este plugin te ayude: wordpress.org/plugins/kaya-qr-code-generator/ Me avisas.. Exitos!!
Una duda como cambio yo la animacion en la transicion, es decir, cuadno pasa de una imagen a otro al darle los iconos de prev o next o al darle a los controls.
buenos dias, te hago una consukta porque cuando pongo modo celular no me queda igual, ?'la imagen que puse se pierde, y solo me queda las letras para mover.pero si vuelvo a modo escritorio si sale la imagen . quedo atenta muchas gracias
¿como puedo dejarlo automatico el slider?
hola buenas tardes necesito una ayuda tremenda, cuando coloco un control deslizante de ancho completo dentro de una seccion (morado), puedo ver que queda bien configurado en modo de edicion, pero al grabar la pagina y salir del editor , me muestra el modulo de manera desordenada . ayuda please .
hola Jaime! me puedes enviar el link?
Diapositiva en automatico?
Hola! Sí claro! Abres el módulo, vas a Diseño, luego bajas a Animación, y activas las pestaña de Automático. Me avisas. Éxitos!!
Hola Emmanuel:
Quiero hacer un deslizador a pantalla completa con imagen, texto y botón, pero al verlo en el móvil la imagen desaparece, hay alguna forma de que se mantenga la imagen en versión responsive.
Muchas gracias de antemano y espero tu respuesta.
Un saludo
tengo un inconveniente mi pagina cuando tengo google chromo en 100% el slider lo veo bien pero si lo tengo en 70% 60% el slider se ve que no esta en toda la pagina y veo que en otras paginas a pesar de que ponga el google chromo en 25% se sigue viendo el slider a ancho de toda la pagina como puedo solucionar eso ayuda porfa !!
Hola Alvaro! Talvez editando las vistas moviles.. ruclips.net/video/IQQl8pEcN_E/видео.html .. mandame el URL para revisar bien tu problema.. Exitos!!
Como puedo hacerlo automático ?
Hola Mauricio! Sí se puede.. abres el modulo, vas a DISEÑO .. y abajo dice ANIMACIONES y activar que sea automatico.. debes ponerle el tiempo que quieres y listo.. me explico? Exitos!!
hola!, gracias por el tuto...sabes como puedo aumentar el alto de este slider? (pasa que en mi caso necesito mostrar más de lo que está por defecto, y mis imágenes dan para ello)
Hola! En la configuración del slider, en Diseño o Design, buscas "Separación" o "Separation" y juegas con las dimensiones del Relleno o Padding.. Me explico?
Me avisas cualquier duda. Saludos!
@@emmanuelgutierrezdesarroll624 gracias por la respuesta, si la verdad me imginé era por ahí, pero he jugado harto y no logro hacerlo...seguiré buscando... :)
Victor Barraza mándame un pantallazo de lo que quieres hacer para ver si te puedo ayudar! Saludos!
como hiciste el encabezado? me gustaa
Hola Emmanuel, Por favor, puedes ayudarme? ¿Cómo puedo remover el autor del metadatos del post slider? muchas gracias.
Hola Coti! Con CSS .. sabes usarlo?
@@emmanuelgutierrezdesarroll624 muy poco, en este caso no encuentro dónde editar
y como hago para que la imagen se pase a la derecha y el texto a la izquierda?
Hola Marco! Las animaciones son solo para todo el bloque (texto e imagen) .. creo que no se puede animar separados. Saludos!!
Lo mejor es ELEMENTOR PRO
Como hacer para que pasen automáticamente por favor.
Hola Antonio! Ve al modulo del Slider, y en la pestaña de DISEÑO, bajas hasta ANIMACIÓN.. ahí te sale la opción que buscas. Me avisas. Exitos!!
Genial amigo
como hago para que el carrusel se deslice solo
Hola Josue! El carrusel se desliza solo por defecto.. en la pestaña de Diseño, cuando configuras el modulo del carrusel, al final sale la opción.. me parece que en Animación.. Me avisas cómo te va.. Exitos!!
@@emmanuelgutierrezdesarroll624 muchas gracias 👌🏻 excelente contenido
@@abigailavila1939 Me alegro mucho que te haya servido este video! Saludos!!
Muestras al inicio una cosa y luego explicas lo mas simple otra cosa, No me gusto
HOla! Disculpa.. lamento mucho que este video no te haya servido.. 😞