✅ Animar bloques de Gutenberg de Wordpress fácil y sin plugins

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 32

  • @user-sm2dn9yc5t
    @user-sm2dn9yc5t Рік тому +6

    el que busca encuentra, horas y horas buscando un background asi y no encontraba soy un novato, muchas gracias mi amigo por compartir sos un grande!!

    • @byteweb3753
      @byteweb3753  Рік тому +2

      Me alegra saber que te ha sido útil, un saludo.

  • @Amantthis
    @Amantthis 2 роки тому +4

    Qué joyita de vídeo. Muy útil para los que de momento no nos podemos permitir Elementor. Muchas gracias.

    • @byteweb3753
      @byteweb3753  2 роки тому

      Me alegro de que te gustara y te fuera útil. Un saludo.

    • @carlosalcocer6249
      @carlosalcocer6249 2 роки тому

      Tuviste algun problema? porque yo sigo los pasos pero no funciona

  • @maruchaaa
    @maruchaaa Рік тому +1

    La verdad estoy aprendiendo paso a paso Wordpress, y encantada con esté vídeo, muchas gracias

    • @byteweb3753
      @byteweb3753  Рік тому +1

      Gracias a ti! Me alegra saber que te esta siendo útil, un saludo.

  • @fguzman26
    @fguzman26 3 роки тому +3

    Buenísimoooooooooo video. Me encantó esta solución, muy intuitiva para los que no sabemos programar pero si queremos darle un toque especial a los sitios web.

    • @byteweb3753
      @byteweb3753  3 роки тому

      Hola Flavio, me alegro de que te gustara.
      Gracias por tu comentario y agradecimiento
      Un saludo.

  • @michelromaz774
    @michelromaz774 2 роки тому +1

    Muchisimas gracias

    • @byteweb3753
      @byteweb3753  2 роки тому

      Hola Michel, gracias a ti por tu comentario y agradecimiento. Un saludo.

  • @estelaabadie6153
    @estelaabadie6153 2 роки тому +1

    Muchas gracias hace alarde de creatividad !

    • @byteweb3753
      @byteweb3753  2 роки тому

      Gracias a ti Estela, por tu comentario y tu agradecimiento.
      Un saludo.

  • @kafetabooks
    @kafetabooks 3 роки тому +1

    muy interesante, todavia soy de la vieja escuela del editor clasico jejejeej, lo has intentado con el?

    • @byteweb3753
      @byteweb3753  3 роки тому

      Pues la verdad es que no lo he probado, pero debiera funcionar añadiendo la clase de la animación desde el HTML del editor clásico.
      También puedes probar a insertar el elemento a animar dentro de un div con la clase de la animación, por ejemplo:
      tituo
      Espero que te ayude.
      Un saludo.

  • @theredmaster_superbee
    @theredmaster_superbee 3 роки тому +2

    Hola muy bueno... una pregunta ¿se puede amarrar al scroll del navegador?

    • @byteweb3753
      @byteweb3753  3 роки тому

      No acabo de entender...animaciones fijas al hacer scroll?

    • @theredmaster_superbee
      @theredmaster_superbee 3 роки тому +1

      @@byteweb3753 por ejemplo como lo hace el widget de lottie... que puedes hacer una animación en after effects y exportar como lottie (json) y se puede coordinar la reproducción al hacer scrolling.... ¿se podría hacer eso con esto?

    • @byteweb3753
      @byteweb3753  3 роки тому

      @@theredmaster_superbee Pues seguro que si se puede, pero mis conocimientos no llegan a tanto.
      :(
      Un saludo.

    • @gomezmarco
      @gomezmarco 3 роки тому

      Hola, llegaste a ver la manera en sincronizar las apariciones con el scroll?

    • @libresofx5143
      @libresofx5143 2 роки тому

      @@gomezmarco Si pudiste?

  • @Leonardo-yj3ks
    @Leonardo-yj3ks 2 роки тому +3

    se puede activar el inicio de la animacion cuando se visualice el bloque? es decir, que cuando el usuario baje y vea la seccion X empiece la animacion. gracias

    • @byteweb3753
      @byteweb3753  2 роки тому

      Hola Leonardo, con Jquery quizás puedas, lo que no lo he probado con Gutenberg. En este video lo explico con Elementor, miratelo a ver si te sirve como poco para orientarte.
      ua-cam.com/video/89nmIVWkPho/v-deo.html
      Un saludo.

  • @libresofx5143
    @libresofx5143 2 роки тому +1

    Muy bien, buenisimo, pero como se haría para que la animación se active por ejemplo a un texto abajo en el sitio web pero cuando el usuario llegue con el scroll, o sea cuando se vea en pantalla? no al carcar la web, si me explico?

    • @byteweb3753
      @byteweb3753  2 роки тому

      Gracias por tu comentario y agradecimiento LibreSofx. Pues una de las formas es con Jquery. En el video que te dejo lo hago con Elementor pero te puede orientar para crear el mismo efecto con Gutenberg. Un saludo.
      ua-cam.com/video/89nmIVWkPho/v-deo.html

  • @shapeflows1146
    @shapeflows1146 2 роки тому

    Buenísimo video, ¿habría manera de hacer que la animación se active cuando el usuario le de clic al elemento?

    • @byteweb3753
      @byteweb3753  2 роки тому +2

      Con un evento click con Jquery, revisa este enlace: fdossena.com/?p=html5cool/clickfx/i.frag

  • @erickchairez5928
    @erickchairez5928 Рік тому +1

    Como puedo hacer que estos efectos sean activados por medio de scroll?

    • @byteweb3753
      @byteweb3753  Рік тому +1

      Hola Erik, o hoy o mañana publicare un video referente al tema, aún no tengo claro cuando. En el video lo explico con elementor. Para hacerlo con Gutenberg necesitaras aplicar unos atributos, necesitaras este plugin. wordpress.org/plugins/block-data-attribute/

    • @byteweb3753
      @byteweb3753  Рік тому +1

      HE probado lo que te he comentado y no es correcto, no funciona. Si encuentro la forma haré un tutorial

  • @zonamaodigital
    @zonamaodigital Місяць тому

    Master hago todo al pie de la letra pero no logro visualizar ninguno de los efectos que agrego a mi web. ¿Que puede estar pasando? GRACIAS

    • @byteweb3753
      @byteweb3753  Місяць тому

      Pocas pistas me das para intentar ayudarte. Mira a ver si en la consola del navegador de devuelte algún error que nos pueda dar una pista de lo que esta sucediendo.