Solución del zoom que hacen las partículas cuando se carga la página en móviles: Deben colocar el siguiente código en CSS Personalizado: .particles-js-canvas-el { height: 100vmax !important; z-index: 0; }
@@wenarorra Así es, siempre es mejor empezar con lo básico y a partir de ahí ir ampliando nuestros horizontes y NO al revés. Tú sigue aprendiendo amigo y solo ignora ese tipo de comentarios. Saludos mi buen. :)
@ Espero te puedan ayudar con tu duda amigo. Pero supongo que hizo los mismos pasos: le coloca un ID a su sección de elementor, instalo el plugin y pego el código json...
Hola excelente todo lo que compartis!! pero te hago una consulta si el espacio es por ejemplo de 300px de alto las particulas se aplastan y no cubren correctmente el espacio, veo que en el generador uno no puede ponerle la altura total....eso es posible agregandolo en el codigo???
Hola Landaeta, la verdad no lo he probado pero me imagino que sí se puede. Considero que es lo mismo, al fondo de la sección le colocas las partículas y al fondo del módulo slider le quitas el fondo, o bien, al mismo fondo del módulo slider le puedes colocar las partículas. Un abrazo
@@OVDIVI otra pregunta hermano, como hago para poner una seccion de las de color azul a pantalla completa , es decir no utilizar el modulo anchura completa si no utilizar un modulo azul y que se ajuste a la pantalla , lo que pasa es que no quiero utilizar el que trae divi por que esta limitado y por eso quiero ver como convierto uno.
@@walteraguilar3977 Hola Walter, las secciones azules por defecto vienen adaptadas a todo el ancho del navegador, o te refieres a la altura? Para que una sección azul abarque la altura completa del navegador en la pestaña avanzado / CSS personalizado / y en elemento principal puedes poner el siguiente código: height: 100vh;
@@OVDIVI jajajajaja definitivamente eres el mejor hermano eso es exactamente lo que estaba buscando , te lo juro que todo lo que he aprendido en esta plantilla es gracia a ti.
Hola Oscar, encontre este video mire el tutorial entre a tu blog, me parece muy bueno, la pregunta es si es posible ahora que existe el Contructor visual, theme builder, y mejoro bastnate DIVI algunas opciones si es posible usarlo sin tener que instalar el PLUGIN, por ejemplo colocar el codigo en la seccion del BUILDER /general ó en otras partes del mismo contructor que nos permita hacer lo delplugin, pregunto ahora que esta mas completo, el video dice es del 2018, gracias
Hola Hector, la verdad no lo he intentado sin el plugin, considero que es necesario todavía por el json que en divi no podemos introducir todavía. Pero lo voy a intentar y hacer mis pruebas a ver si se puede, si se puede haría otro tutorial :)
Hola, gracias por el tutorial. He conseguido generar el fondo de partículas y me gusta mucho como queda, no obstante, cuando paso el cursor por encima de la imagen las estrellas (en este caso es la forma que he elegido) se amplían notablemente. Me podrías por favor decir qué ajustes debería cambiar para que esto no suceda? Muchas gracias por adelantado. Un saludo.
quise utilizar este efecto en un sitio nuevo al principio del desarrollo funcionó muy bien, ya con el sitio casi terminado instalé la versión de divi 4.0.9, instalé algunos plugins para (wp super cache, autoptiizw, seopress, smush) y el efecto dejó de funcionar!!! he estado buscando otras alternativas pero nada ha funcionado, si tienen alguna sugerencia de un efecto padre ojalá nos puedan avisar! Saludos!
Hola qué tal amigo, a lo mejor tiene una incompatibilidad con algún plugin de los que mencionas. Ya probaste desactivando plugin por plugin para saber con cuál causa el conflicto? Cómo que efecto te gustaría? Tienes alguna referencia? Quizá lo podemos hacer con divi. :)
@@OVDIVI Hola! Muchas gracias por tu respuesta. Al final decidí no agregar ningún efecto y puse una imagen de fondo muy sencilla. Apenas estoy comenzando a utilizar el programa y se me hace buenísimo. Te felicito por tus videos, ojalá sigas haciendo más para que gente como yo siga aprendiendo de los mejores y mejorando. Saludos!
Hola, muchas gracias por el vídeo! me sirvió mucho,. Tuve un inconveniente a la hora de poner el código, funciona muy bien, pero a la hora de interactuar con las particular y el mouse no pasa nada, no hay ninguna interacción ¿es por el plugin? Saludos
Hola Karla qué tal, las partículas te deben funcionar sin problema o quizá estén teniendo un conflicto con algún otro elemento o plugin de tu sitio web. ¿Cuál es la url de la página dónde aplicaste las partículas?
Hola Edwin, solamente repite el nombre de ID en la sección de las otras páginas. Si estás usando divi 4.0+ puedes crearte un encabezado global desde el generador de temas de divi, con esto no hace falta repetir el fondo en todas las páginas
Hola, una pregunta, puedes hacer un ejemplo pero con una o varias imagenes en las particulas? trate de subir una imagen en svg pero no la jala como particula,
Hola qué tal, ¿Cómo una o varias imágenes? No entendí bien amigo. Te refieres a tener las partículas en más de una sección? Si es eso solamente duplica el código del JSON y cambia el nombre de ID
@@OVDIVI Hola, en la pagina donde puedes generar las particulas está la opcion para cambiar la particula, circulo, cuadrado, estrella, etc... pero tambien sale para seleccionar una imagen, por alli vi un video pero no explican como seleccionar la imagen en formato svg para que pueda usarse como una partícula... y la imagen de prueba de la particula del generador creo que no funciona por que coloca la pantalla en negro... por otra parte, si quisiera que fuesen 2 o más imagenes relacionadas a la particula, como se pudiese hacer? en el caso de ser posible? me explique? sin embargo el primer problema es que no logro enlazar una imagen que sirva como particula :(
Muchas gracias por el tutorial, la verdad que muy claro. Pero en mi computadora lo puedo ver pero en otras y en el celular no sal nada. Queda el fondo blanco que puedo hacer?
@@OVDIVI Muchas gracias te paso el link de mi página. En mi móvil se ve estirado y sin interacción y en una computadora mas vieja no se ve directamente. Lo estoy recien armando. Te lo mando por mensaje privado?
Muchas gracias por el tutorial Oscar, me funciono a la perfección. Una pregunta: si quisiese añadir un segundo efecto a otra sección, solamente tendría que copiar el segundo codigo json después del primero? O existe un paso extra que hay que seguir? Saludos.
Hola KryptoniteCola. Si el efecto es el mismo basta con colocar el ID en la sección que lo desees. Si quieres un efecto diferente creo que pegando el código JSON abajo del otro no se puede :/ algunos usuarios me han dicho que no les ha funcionado, puedes intentarlo para saber. Haré la prueba también y sino tengo que buscar una solución ;)
@@OVDIVI me gustaría saber como podría poner ese mismo efecto en otra sección, habrá un modo de duplicar el plugin o de especificar que no se tome el id si no una clase? quedo atento si me puedes ayudar gracias
hola una pregunta como hago para que solo se quede el efecto como un fondo y no afecte a mis otros elementos como botones. Debido a que me lo inabilita
ya arregle eso ahora lo que quiero saber es como ingresar dos códigos json en Particule Background ya que quiero ingresar mas variantes de fondo de partículas en mi página web
@@victorballena-k2y Hola, tener más de dos fondos por página no es posible con este ejercicio ya que solamente podemos insertar un nombre de ID por página, no podemos repetirlo.
Como haces para enviarle la web a alguien después de hacérsela ? Supongamos que uno mismo como diseñador compra el hosting y dominio , una vez que ponemos el dominio en el hosting que queremos , solo alcanza con pasarle cambiar el usuario y contraseña al hosting y poner el del Cliente ? Eso sería todo ?. Si falta algo ,por favor , agradecería su ayuda
Hola Rock94Leo, yo siempre trabajo en local el sitio web, desde local puedo generar un link para que el cliente vaya viendo avances sin darle todavía los accesos. Cuando la web está lista el cliente tiene que liquidar el pago para posteriormente yo migrarla a su dominio y hospedaje, el dominio y hospedaje siempre será de mi cliente, no es mío. Al cliente le creo un usuario administrador de la web y yo me quedó con otro por cualquier cosa. En lo personal me gusta darle todos los accesos porque la web es de ellos no mía. Sí en un futuro quieren que le de mantenimiento o realice algún cambio ya se cobra por separado, si quieren irse con otro diseñador/desarrollador también está bien no hay ningún problema ;)
hola, muchas gracias por tus videos son geniales, mi consulta es: ¿cómo le entrego el sitio ya terminado a mi cliente, o sea el cliente tiene que tener el Divi instalado y con todos los privilegios que tengo yo como desarrollador? en este caso hay alguna manera de entregarle el sitio desarrollado en DIVI como un tema mío creado con DiviBuilder y que el cliente tenga acceso solo a edición de contenido de textos y fotos, pero no a la licencia completa comprada por mí? Muchas gracias!!
Hola Ariel, en lo personal yo prefiero darle todo al cliente porque él es el que está pagando por el servicio, el sitio es de él no mio. Yo le entrego una cuenta de administrador pero le recomiendo que no modifique configuraciones avanzadas si no las entiende. También le hago una cuenta de editor para que restringir opciones y este limitado a las modificaciones de su sitio. Todo esto depende del tipo de proyecto, pero por lo general lo hago así, una cuenta editor y una administrador.
@@OVDIVI Muchas gracias más que claro. Otra consulta si quiero hacer un tema y venderlo en los sitios como evanto, como se construye como los que venden ahí que hasta una pestaña del tema en el Dashboard sale. Tienes agún video relacionado con esto?
@@ariel5944 No tengo un tutorial sobre eso Ariel. Por lo regular los temas que se venden son desde cero, no son ni hechos con divi ni nada, algunos vienen con con constructor visual cómo elementor o visual composer, pero son temas con desarrollo propio. Con divi lo que puedes vender son temas hijos (child themes) o layouts y puedes venderlos en el marketplace de divi: www.elegantthemes.com/marketplace/
Muy buen vídeo! Pero lo estoy intentando siguiendo cada paso tal y como lo explicas y no me funciona:( Lo llevo intentando un buen rato exactamente como lo indicas para que aparezca en la portada de mi web pero por más que lo hago sigue sin aparecer, ¿qué puede estar fallando? ¡Gracias!
Hola Rodrigo, probablemente sea por Divi Performance, dirígete a Divi > Opciones del tema > General > Performance y deshabilita: Defer jQuery And jQuery Migrate. A veces es necesario también deshabilitar las demás opciones, es cosa de ir probando para saber cual es la que da el conflicto con tu sitio.
@@OVDIVImuchas gracias por tu respuesta, tengo otra pregunta quiero agregar otras partículas de color diferente a las que ya configure como le hago?? ejemplo particlesJS_white('section_part_white' y no me la detecta si le escribo así particlesJS('section_part_white', si me lo detecta y escribo otra sección de codigo particlesJS('section_part_red', si escribo en seccion en id de la fila secction_part_red no me la pone al menos que en esa misma pagina escriba section_part_white en la misma pagina pero en otra fila para que me funcionen, de lo contrario no funciona
Tengo problema con las particulas, al abrir en una página incógnita no me aparece las partículas pero si me aparece en wordpress, cual sería el problema? Necesito la ayuda
Hola Kevin, qué extraño. Puede ser la cache del sitio. Intenta desactivar la Generación de Archivo CSS Estático desde las Opciones del tema divi / Constructor / Avanzado / Generación de Archivo CSS Estático. A ver si eso soluciona el problema.
@@OVDIVI Desactive la generación de Archivo CSS estático y no me funciona. Fuera del constructor de DIVI se puede ver las particulas pero dentro del constructor y fuera de wordpresss + DIVI en página incógnita de como lo previsualiza los usuarios no se ven las particulas
Amigo, queda perfecto para escritorio y para tablet pero quisiera saber como configurarlo ya que para dispositivos moviles el efecto nos e puede apreciar con tanto gusto, puesto que lo que parece pequeño en escritorio en movil se ve muy grande (las estrellas)
Saludos, muy bueno el tutorial, pero me salen los puntos emormes, y cuando descargo el código se ven normales, me puede ayudar con esa configuración, Gracias!!
Me funciono, pero en la versión movil no se ve bien al principio, se ve como alargado... despues de hacer scroll si se ve ien pero al cargar la pagina no, que sera?
Por supuesto, solamente copia y vuelve a pegar el código pero reemplazas el nombre de ID por otro único: particlesJS('NOMBRE_ID_1', Pegar aquí el código json generado de particlesJS ); particlesJS('NOMBRE_ID_2', Pegar aquí el código json generado de particlesJS ); particlesJS('NOMBRE_ID_3', Pegar aquí el código json generado de particlesJS );
@@albertodiaz6247 Hola Alberto, lo siento pero no tengo idea que pueda ocurrir entonces :( cada maquetador y tema de wordpress se comporta diferente y es difícil darte una solución. :/
Hola Matias, es posible que sea por la configuración de divi performance. Te recomiendo esta configuración: academia.ovdivi.com/wp-content/uploads/2024/01/divi-performance-configuracion.png
Oscar podrias agregar la carpeta para instalar divi en wordpress por que no aparece la parte " hover " en el divi que instale no se por que, estaria bueno que lo actualices asi los demas podriamos seguir facil tus tutoriales sino es como hacer tutoriales para no poder hacer ninguno a no sea que compres divi.
Qué tal Li Designer. Qué más quisiera yo en compartir Divi pero es algo que no puedo hacer más que con la versiones anteriores. Para este tutorial no es necesario un efecto Hover, esto lo puedes realizar incluso con versiones anteriores. El 23 de noviembre empieza el Black Friday y Elegant Themes tendrá promociones para poder adquirir Divi a un precio más bajo, es su mayor descuento del año, así que te invito a estar pendiente. Un abrazo Li Designer :)
@@OVDIVI estaba probando en paginas que ya había hecho, pero no me salio las partículas , ya lo elimine . voy hacer otra pagina , vengo en un rato a decirte si es por los plugins que estaban en la otra pagina.
@@Lamaquinacristian No sabría decirte Cristian, no sé que plugins estás utilizando ni sé que tan necesarios sean para tu proyecto. Quizá sean más importantes que las partículas así que es mejor dejar los plugins y buscar otra alternativa a estas partículas :(
Lo que no me gusta de los tutoriales de este señor es que son largos complicados..es una inversión de mucho tiempo..se busca que las cosas sean rápidas y automáticas
Comprendo amigo, pero hay funcionalidades que no se pueden hacer rápido. Como bien dices es una inversión. Las cosas rápidas que podemos implementar las tengo en un área snippets de mi sitio web: ovdivi.com/divi-snippets/
A mi me gusta mucho como lo hace, va paso a paso y sin complicarse... las cosas rápidas y automáticas no existen, no somos tanos que con un chasquido ya lo hacemos todo.
Solución del zoom que hacen las partículas cuando se carga la página en móviles:
Deben colocar el siguiente código en CSS Personalizado:
.particles-js-canvas-el {
height: 100vmax !important;
z-index: 0;
}
💎 No olvides unirte a la comunidad: facebook.com/groups/ovdivi/
no me funciona
@@TONYFASHE ¿Cuéntame más? ¿Qué te aparece? O ¿te marca algún error?
Hola! gracias por el video. ¿En cuál sección debo insertar el CSS personalizado?
@@PauVera en los ajustes de la página que sale al hacer click en los iconos de los tres puntos... Avanzado / CSS Personalizado.
CON USTED ESTOY APRENDIENDO UN MONTON, GRACIAS
Genial Virality, de eso se trata :)
@Nomarchess mover piezas paso a paso por mas simple que sea es aprender a hacer "algo" :V. 😂😂🤦♂️
@@wenarorra Así es, siempre es mejor empezar con lo básico y a partir de ahí ir ampliando nuestros horizontes y NO al revés. Tú sigue aprendiendo amigo y solo ignora ese tipo de comentarios.
Saludos mi buen. :)
uno de los mejores canales sobre Divi que encontré, saludos.
Muchas gracias Santiago. Seguimos adelante :)
💎 No olvides unirte a la comunidad: facebook.com/groups/ovdivi/
Muy buena solución!
Saludos :)
Que buen video! pude aplicarlo con elementor me encanto el resultado.
¡Wow! Excelente que también sea útil para otros maquetadores :) ¡Saludos!
Hola, oye como lo aplicaste con elementor, lo estoy intentando pero no he podido?
@ Espero te puedan ayudar con tu duda amigo. Pero supongo que hizo los mismos pasos: le coloca un ID a su sección de elementor, instalo el plugin y pego el código json...
me encantooooo!! lo acabo de aplicar a mi paginaaa muchas gracias!!!!!! :3
Genial. Un abrazo :)
Muchas gracias, tu video fue de gran ayuda para lograr este objetivo
Gracias a ti por ser parte del canal Ing. Andrés. Un abrazo :)
bro eso fue genial Gracias te lo agradezco
Muchas gracias por el apoyo 🔥 ¡Seguimos!
Gracias, muy útil y funcional.
Excelente Yordan, saludos.
Hola excelente todo lo que compartis!! pero te hago una consulta si el espacio es por ejemplo de 300px de alto las particulas se aplastan y no cubren correctmente el espacio, veo que en el generador uno no puede ponerle la altura total....eso es posible agregandolo en el codigo???
Hola Paula, gracias. En lugar de altura, puedes usar altura máxima, hay dos campos de altura en los ajustes de la sección, fila...
Muy buen video , mas videos por favoor!
En celular funciona muy bien con la solucion que agregaste.
Nuevo sub, Saludos
Genial _Beaker_ ¡Seguiremos así! 💪
Gracias. Consulta, ¿Se puede aplicar sobre un Slider? Saludos.
Hola Landaeta, la verdad no lo he probado pero me imagino que sí se puede. Considero que es lo mismo, al fondo de la sección le colocas las partículas y al fondo del módulo slider le quitas el fondo, o bien, al mismo fondo del módulo slider le puedes colocar las partículas. Un abrazo
SI FUNCIONA PERFECTAMENTE EN UN SLIDER
@@adriancejas3555 ¡Estupendo! 😃
Excellent tutorial! Gracias!
¡Súper! Muchísimas gracias, Oscar :D
Genial Danny, un abrazo :)
Eres el mejor hermano lo he estado esperando por mucho tiempo
Genial Walter, ojalá te sea útil en algún proyecto. Un abrazo.
@@OVDIVI otra pregunta hermano, como hago para poner una seccion de las de color azul a pantalla completa , es decir no utilizar el modulo anchura completa si no utilizar un modulo azul y que se ajuste a la pantalla , lo que pasa es que no quiero utilizar el que trae divi por que esta limitado y por eso quiero ver como convierto uno.
@@walteraguilar3977 Hola Walter, las secciones azules por defecto vienen adaptadas a todo el ancho del navegador, o te refieres a la altura? Para que una sección azul abarque la altura completa del navegador en la pestaña avanzado / CSS personalizado / y en elemento principal puedes poner el siguiente código: height: 100vh;
@@OVDIVI jajajajaja definitivamente eres el mejor hermano eso es exactamente lo que estaba buscando , te lo juro que todo lo que he aprendido en esta plantilla es gracia a ti.
@@walteraguilar3977 Genial Walter, me alegra saber que el contenido del canal te sea útil. ¡Seguiremos con todo! Un abrazo ;)
Muchas gracias, funciono muy bien. Saludos
Genial Isaías :)
Hola Oscar, encontre este video mire el tutorial entre a tu blog, me parece muy bueno, la pregunta es si es posible ahora que existe el Contructor visual, theme builder, y mejoro bastnate DIVI algunas opciones si es posible usarlo sin tener que instalar el PLUGIN, por ejemplo colocar el codigo en la seccion del BUILDER /general ó en otras partes del mismo contructor que nos permita hacer lo delplugin, pregunto ahora que esta mas completo, el video dice es del 2018, gracias
Hola Hector, la verdad no lo he intentado sin el plugin, considero que es necesario todavía por el json que en divi no podemos introducir todavía. Pero lo voy a intentar y hacer mis pruebas a ver si se puede, si se puede haría otro tutorial :)
Muy buen video¡¡ Felicidades, ma ayudo bastante
Excelente Saul :) Espero ya estés suscrito. 😁 Un abrazo.
Los mejores tutoriales! Gracias! Nuevo Sub!
¡Genial! Muchas gracias por suscribirte :)
Hola, gracias por el tutorial. He conseguido generar el fondo de partículas y me gusta mucho como queda, no obstante, cuando paso el cursor por encima de la imagen las estrellas (en este caso es la forma que he elegido) se amplían notablemente. Me podrías por favor decir qué ajustes debería cambiar para que esto no suceda? Muchas gracias por adelantado. Un saludo.
Hola Alicia, ¿Ya hiciste lo que mencioné en el comentario fijado? ¿Cuál es la url de tu web?
quise utilizar este efecto en un sitio nuevo al principio del desarrollo funcionó muy bien, ya con el sitio casi terminado instalé la versión de divi 4.0.9, instalé algunos plugins para (wp super cache, autoptiizw, seopress, smush) y el efecto dejó de funcionar!!! he estado buscando otras alternativas pero nada ha funcionado, si tienen alguna sugerencia de un efecto padre ojalá nos puedan avisar! Saludos!
Hola qué tal amigo, a lo mejor tiene una incompatibilidad con algún plugin de los que mencionas. Ya probaste desactivando plugin por plugin para saber con cuál causa el conflicto? Cómo que efecto te gustaría? Tienes alguna referencia? Quizá lo podemos hacer con divi. :)
@@OVDIVI Hola! Muchas gracias por tu respuesta. Al final decidí no agregar ningún efecto y puse una imagen de fondo muy sencilla. Apenas estoy comenzando a utilizar el programa y se me hace buenísimo. Te felicito por tus videos, ojalá sigas haciendo más para que gente como yo siga aprendiendo de los mejores y mejorando. Saludos!
@@jfp100 Genial JFP! Gracias por las palabras y claro que seguiremos haciendo muchos videos más :) ¡Estamos con todo! Un abrazo.
Hola, muchas gracias por el vídeo! me sirvió mucho,. Tuve un inconveniente a la hora de poner el código, funciona muy bien, pero a la hora de interactuar con las particular y el mouse no pasa nada, no hay ninguna interacción ¿es por el plugin? Saludos
Hola Karla qué tal, las partículas te deben funcionar sin problema o quizá estén teniendo un conflicto con algún otro elemento o plugin de tu sitio web. ¿Cuál es la url de la página dónde aplicaste las partículas?
Funciona muy bien! Gracias :)
Excelente Emily, otro tutorial más que te funciona en el 2021, eso me alegra porque compruebas que sigue funcionando :)
@@OVDIVI Siiiii... estoy realmente agradecida, eres un crack!!
una pregunta si lo quiero agregar como fondo de todas las paginas tengo que crear las secciones o hay algun modo de agregarlo a mi tema?
Hola Edwin, solamente repite el nombre de ID en la sección de las otras páginas. Si estás usando divi 4.0+ puedes crearte un encabezado global desde el generador de temas de divi, con esto no hace falta repetir el fondo en todas las páginas
Hola, una pregunta, puedes hacer un ejemplo pero con una o varias imagenes en las particulas? trate de subir una imagen en svg pero no la jala como particula,
Hola qué tal, ¿Cómo una o varias imágenes? No entendí bien amigo. Te refieres a tener las partículas en más de una sección? Si es eso solamente duplica el código del JSON y cambia el nombre de ID
@@OVDIVI Hola, en la pagina donde puedes generar las particulas está la opcion para cambiar la particula, circulo, cuadrado, estrella, etc... pero tambien sale para seleccionar una imagen, por alli vi un video pero no explican como seleccionar la imagen en formato svg para que pueda usarse como una partícula... y la imagen de prueba de la particula del generador creo que no funciona por que coloca la pantalla en negro... por otra parte, si quisiera que fuesen 2 o más imagenes relacionadas a la particula, como se pudiese hacer? en el caso de ser posible? me explique? sin embargo el primer problema es que no logro enlazar una imagen que sirva como particula :(
Muy buenos aportes! te deseo todo lo mejor :)
Muchas gracias Alejandro, continuaremos así :)
Muy bien explicado y al punto que es, no como esos en inglés que para lo mismo, duran 20 y 30 minutos
Gracias Flown, trato de ser concreto en mis tutoriales sin tanto rodeo :)
Muchas gracias por el tutorial, la verdad que muy claro. Pero en mi computadora lo puedo ver pero en otras y en el celular no sal nada. Queda el fondo blanco que puedo hacer?
Hola Facundo, no hay de qué ;) Me puedes pasar el enlace de tu sitio, voy a inspeccionarlo.
@@OVDIVI Muchas gracias te paso el link de mi página. En mi móvil se ve estirado y sin interacción y en una computadora mas vieja no se ve directamente. Lo estoy recien armando. Te lo mando por mensaje privado?
Alguien me podria ayudar? muchas gracias
@@facundomanzi Solucionado :)
@@OVDIVI Muchas gracias!!!! Si un lujo!!!! Excelente profesional
Muchas gracias por el tutorial Oscar, me funciono a la perfección.
Una pregunta: si quisiese añadir un segundo efecto a otra sección, solamente tendría que copiar el segundo codigo json después del primero? O existe un paso extra que hay que seguir?
Saludos.
Hola KryptoniteCola. Si el efecto es el mismo basta con colocar el ID en la sección que lo desees. Si quieres un efecto diferente creo que pegando el código JSON abajo del otro no se puede :/ algunos usuarios me han dicho que no les ha funcionado, puedes intentarlo para saber. Haré la prueba también y sino tengo que buscar una solución ;)
@@OVDIVI me gustaría saber como podría poner ese mismo efecto en otra sección, habrá un modo de duplicar el plugin o de especificar que no se tome el id si no una clase? quedo atento si me puedes ayudar gracias
hola una pregunta como hago para que solo se quede el efecto como un fondo y no afecte a mis otros elementos como botones. Debido a que me lo inabilita
ya arregle eso ahora lo que quiero saber es como ingresar dos códigos json en Particule Background ya que quiero ingresar mas variantes de fondo de partículas en mi página web
@@victorballena-k2y Hola, tener más de dos fondos por página no es posible con este ejercicio ya que solamente podemos insertar un nombre de ID por página, no podemos repetirlo.
Como haces para enviarle la web a alguien después de hacérsela ? Supongamos que uno mismo como diseñador compra el hosting y dominio , una vez que ponemos el dominio en el hosting que queremos , solo alcanza con pasarle cambiar el usuario y contraseña al hosting y poner el del
Cliente ? Eso sería todo ?. Si falta algo ,por favor , agradecería su ayuda
Hola Rock94Leo, yo siempre trabajo en local el sitio web, desde local puedo generar un link para que el cliente vaya viendo avances sin darle todavía los accesos. Cuando la web está lista el cliente tiene que liquidar el pago para posteriormente yo migrarla a su dominio y hospedaje, el dominio y hospedaje siempre será de mi cliente, no es mío. Al cliente le creo un usuario administrador de la web y yo me quedó con otro por cualquier cosa. En lo personal me gusta darle todos los accesos porque la web es de ellos no mía. Sí en un futuro quieren que le de mantenimiento o realice algún cambio ya se cobra por separado, si quieren irse con otro diseñador/desarrollador también está bien no hay ningún problema ;)
hola, muchas gracias por tus videos son geniales, mi consulta es: ¿cómo le entrego el sitio ya terminado a mi cliente, o sea el cliente tiene que tener el Divi instalado y con todos los privilegios que tengo yo como desarrollador? en este caso hay alguna manera de entregarle el sitio desarrollado en DIVI como un tema mío creado con DiviBuilder y que el cliente tenga acceso solo a edición de contenido de textos y fotos, pero no a la licencia completa comprada por mí? Muchas gracias!!
Hola Ariel, en lo personal yo prefiero darle todo al cliente porque él es el que está pagando por el servicio, el sitio es de él no mio. Yo le entrego una cuenta de administrador pero le recomiendo que no modifique configuraciones avanzadas si no las entiende. También le hago una cuenta de editor para que restringir opciones y este limitado a las modificaciones de su sitio. Todo esto depende del tipo de proyecto, pero por lo general lo hago así, una cuenta editor y una administrador.
@@OVDIVI Muchas gracias más que claro.
Otra consulta si quiero hacer un tema y venderlo en los sitios como evanto, como se construye como los que venden ahí que hasta una pestaña del tema en el Dashboard sale. Tienes agún video relacionado con esto?
@@ariel5944 No tengo un tutorial sobre eso Ariel. Por lo regular los temas que se venden son desde cero, no son ni hechos con divi ni nada, algunos vienen con con constructor visual cómo elementor o visual composer, pero son temas con desarrollo propio.
Con divi lo que puedes vender son temas hijos (child themes) o layouts y puedes venderlos en el marketplace de divi: www.elegantthemes.com/marketplace/
Muy buen vídeo! Pero lo estoy intentando siguiendo cada paso tal y como lo explicas y no me funciona:( Lo llevo intentando un buen rato exactamente como lo indicas para que aparezca en la portada de mi web pero por más que lo hago sigue sin aparecer, ¿qué puede estar fallando? ¡Gracias!
Hola Rodrigo, probablemente sea por Divi Performance, dirígete a Divi > Opciones del tema > General > Performance y deshabilita: Defer jQuery And jQuery Migrate.
A veces es necesario también deshabilitar las demás opciones, es cosa de ir probando para saber cual es la que da el conflicto con tu sitio.
hola que tal muy buen tutorial pero un detalle como le puedo hacer para que se valla totalmente al fondo porque la animación pasa encima de la letras
Hola Spartan, lo que debes hacer es subir el indice Z de los elementos para que estén por encima del fondo.
@@OVDIVImuchas gracias por tu respuesta, tengo otra pregunta quiero agregar otras partículas de color diferente a las que ya configure como le hago?? ejemplo particlesJS_white('section_part_white' y no me la detecta si le escribo así particlesJS('section_part_white', si me lo detecta y escribo otra sección de codigo particlesJS('section_part_red', si escribo en seccion en id de la fila secction_part_red no me la pone al menos que en esa misma pagina escriba section_part_white en la misma pagina pero en otra fila para que me funcionen, de lo contrario no funciona
@@OVDIVIo si quiero agregar dos partículas de diseño diferente como le hago??
@@rogejms Debes volver a generarte el código y pegarlo abajo del otro con un nombre de ID diferente.
Tengo problema con las particulas, al abrir en una página incógnita no me aparece las partículas pero si me aparece en wordpress, cual sería el problema? Necesito la ayuda
Hola Kevin, qué extraño. Puede ser la cache del sitio. Intenta desactivar la Generación de Archivo CSS Estático desde las Opciones del tema divi / Constructor / Avanzado / Generación de Archivo CSS Estático.
A ver si eso soluciona el problema.
@@OVDIVI Desactive la generación de Archivo CSS estático y no me funciona. Fuera del constructor de DIVI se puede ver las particulas pero dentro del constructor y fuera de wordpresss + DIVI en página incógnita de como lo previsualiza los usuarios no se ven las particulas
@@kevinflores.ux10 Tienes tu sitio en línea? Dame la url para inspeccionarlo
Amigo, queda perfecto para escritorio y para tablet pero quisiera saber como configurarlo ya que para dispositivos moviles el efecto nos e puede apreciar con tanto gusto, puesto que lo que parece pequeño en escritorio en movil se ve muy grande (las estrellas)
Intenta cambiar el relleno personalizado en móviles, puedes probar px en lugar de vh.
pudiste solucionar me pasa lo mismo, me aparece así en móvil prntscr.com/pfz4i8
Saludos, muy bueno el tutorial, pero me salen los puntos emormes, y cuando descargo el código se ven normales, me puede ayudar con esa configuración, Gracias!!
Hola Nelson, trata de jugar el la altura de la sección. Puedes mover el vh a px. Suele ocurrir eso por el alto o ancho de tu sección.
grandioso
Saludos :)
Me funciono, pero en la versión movil no se ve bien al principio, se ve como alargado... despues de hacer scroll si se ve ien pero al cargar la pagina no, que sera?
Hola Alexander, en lugar de usar vh puedes usar px (pixeles) a lo mejor con eso lo solucionas
Merci Amigo
De nada :)
ahaha sere algo greedy, XD pero se puede poner en varias secciones?
Por supuesto, solamente copia y vuelve a pegar el código pero reemplazas el nombre de ID por otro único:
particlesJS('NOMBRE_ID_1',
Pegar aquí el código json generado de particlesJS
);
particlesJS('NOMBRE_ID_2',
Pegar aquí el código json generado de particlesJS
);
particlesJS('NOMBRE_ID_3',
Pegar aquí el código json generado de particlesJS
);
@@OVDIVI muchass graciasss :3 ! Por El tutoriall :3 buenisimo :'3
Hola! mi problema es que cuando lo ves desde el celular las partículas se ven jaladas no se aprecian bien
Define la altura Luis Mario, lo comento en el comentario fijado.
¿Que tal? Estoy viendo tu tutorial hoy, solo que las particulas pasan por arriba del texto como hago para que pasen por debajo???
Hola Alberto ¿Estás utilizando la última versión de divi? ¿Tienes tu ejercicio en línea?
@@OVDIVI no uso Divi, estoy usando otro maquetador... Si lo tengo en linea...
@@albertodiaz6247 Hola Alberto, lo siento pero no tengo idea que pueda ocurrir entonces :( cada maquetador y tema de wordpress se comporta diferente y es difícil darte una solución. :/
@@OVDIVI claro, crees que tenga que ver el z-index con eso?
@@albertodiaz6247 a lo mejor sí, prueba colocando un z-index mayor a los textos o bien, un z-index: -1; al fondo
Hola ov, sigo todo paso a paso y no me salen las particulas, gracias!
Hola Matias, es posible que sea por la configuración de divi performance. Te recomiendo esta configuración: academia.ovdivi.com/wp-content/uploads/2024/01/divi-performance-configuracion.png
Oscar podrias agregar la carpeta para instalar divi en wordpress por que no aparece la parte " hover " en el divi que instale no se por que, estaria bueno que lo actualices asi los demas podriamos seguir facil tus tutoriales sino es como hacer tutoriales para no poder hacer ninguno a no sea que compres divi.
Qué tal Li Designer. Qué más quisiera yo en compartir Divi pero es algo que no puedo hacer más que con la versiones anteriores. Para este tutorial no es necesario un efecto Hover, esto lo puedes realizar incluso con versiones anteriores. El 23 de noviembre empieza el Black Friday y Elegant Themes tendrá promociones para poder adquirir Divi a un precio más bajo, es su mayor descuento del año, así que te invito a estar pendiente. Un abrazo Li Designer :)
hice todo el procedimiento y no me salieron las partículas , me podria ayudar porfavor
Hola Cristian ¿Cual es la url dónde aplicaste las partículas?
@@OVDIVI estaba probando en paginas que ya había hecho, pero no me salio las partículas , ya lo elimine .
voy hacer otra pagina , vengo en un rato a decirte si es por los plugins que estaban en la otra pagina.
@@OVDIVI ya lo he visto y es por los plugins, como podria solucionarlo?
@@Lamaquinacristian No sabría decirte Cristian, no sé que plugins estás utilizando ni sé que tan necesarios sean para tu proyecto. Quizá sean más importantes que las partículas así que es mejor dejar los plugins y buscar otra alternativa a estas partículas :(
Me sale así en la versión móvil, en vez de círculos como óvalos prntscr.com/pfz4i8
Intenta cambiando la medida a pixeles en móvil
con un plugin, ok
No me sale del todo en móvil a alguién más le pasa?
Hola :) ¿Cómo te sale en móvil? No se ven las partículas?
Que raro... ¿no era más fácil pegar en json generado en la página y ponerlo en un módulo html?
No, no funcionará.
Lo que no me gusta de los tutoriales de este señor es que son largos complicados..es una inversión de mucho tiempo..se busca que las cosas sean rápidas y automáticas
Comprendo amigo, pero hay funcionalidades que no se pueden hacer rápido. Como bien dices es una inversión. Las cosas rápidas que podemos implementar las tengo en un área snippets de mi sitio web: ovdivi.com/divi-snippets/
A mi me gusta mucho como lo hace, va paso a paso y sin complicarse... las cosas rápidas y automáticas no existen, no somos tanos que con un chasquido ya lo hacemos todo.