WordPress Gutenberg Block Editor Awesome Animations

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ก.ค. 2024
  • How to animate WordPress Gutenberg Blocks with a free WordPress plugin.
    Links
    Free WordPress plugin Blocks Animation: CSS Animations for Gutenberg Blocks wordpress.org/plugins/blocks-...
    Sign up for my newsletter www.pootlepress.com/sign-up-t...
    Email me: jamie@pootlepress.com
    Our lovely Gutenberg WordPress plugins 🔥 www.pootlepress.com/wordpress...
    Plugin description (source wordpress.org)
    Blocks Animation allows you to add CSS Animations to all of your Gutenberg blocks in the most elegant way.
    The UI for Blocks Animation feels so native and intuitive, you won't even notice it's installed. Just install, and you will see animation settings in all the blocks, right in the Block Settings Sidebar.
    Timeline
    0:00 - Introduction
    0:10 - Gutenberg Block Editor
    1:20 - The Blocks Animation free plugin
    1:50 - How to add CSS animations to the Gutenberg Block Editor
    2:05 - The plugin settings
    2:45 - The animation styles
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 53

  • @kirkoconnor4254
    @kirkoconnor4254 2 ปีที่แล้ว +2

    Thanks so much for your high quality WordPress info. Always interesting and valuable. Keep up the great work!

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว

      Thanks, will do!

  • @earthgraduate726
    @earthgraduate726 2 ปีที่แล้ว

    Hello Jamie , i really appreciate the way you explain different subjects in your channel, it's been very informative and useful for me . Please keep up .👍

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว

      Fab tks 🙏

  • @inn8ly
    @inn8ly 2 ปีที่แล้ว +3

    I shared this with our content team. You are an absolute wealth of valuable tips and tricks. Thank you.

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว

      Thanks so much for sharing!!

  • @martinkaspar5095
    @martinkaspar5095 2 ปีที่แล้ว

    hi dear Jamie - just another outstanding video from you. Many thanks - you are one of my favorite WordPress-expert.
    Keep up your awesome project. It rocks.

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว

      Wow, thank you!

  • @christopherwells7295
    @christopherwells7295 2 ปีที่แล้ว

    The design and layout of the website is very nice. Thank you for showing us what is coming or sort of here at the moment.

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว

      Glad you like it!

  • @santhiamorales824
    @santhiamorales824 2 ปีที่แล้ว

    OMG I've been looking for something like this the whole day. Thank you!

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว

      Cool, great to hear it was useful Santhia 😀

  • @craigburton4447
    @craigburton4447 2 ปีที่แล้ว +2

    That intro music alone was worth the sub, outstanding!

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว

      thanks Craig 🙏

    • @tommycrankx
      @tommycrankx 6 หลายเดือนก่อน

      Love the intro song , i sang along !

  • @pauls7056
    @pauls7056 ปีที่แล้ว

    Great video, thanks or posting Jamie. Liked and subscribed. Love the cat at the end! Made mine jealous!!

    • @jamiewp
      @jamiewp  ปีที่แล้ว +1

      Thanks Paul - great to have you here (and your 🐱)

  • @javierfito5077
    @javierfito5077 2 ปีที่แล้ว +1

    You just made my web 10 times better! Thank you!

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว +1

      Hey Thanks Javier 😀

  • @josecalcagni8472
    @josecalcagni8472 2 ปีที่แล้ว

    👉👉👉👉 Jamie, thank you so much, what an excellent tutorial! Very clear and well explained. And with very practical and valuable information. Greetings from Santiago de Chile. 😃👌👍

  • @jeosbeavadra9270
    @jeosbeavadra9270 19 วันที่ผ่านมา

    You've just earned a new sub. Thanks for your awesome and valuable video

    • @jamiewp
      @jamiewp  19 วันที่ผ่านมา

      Brill tks 👍

  • @cortjezter
    @cortjezter ปีที่แล้ว

    Very useful. Saved me loads of time via the "trial and error" method. Cheers!

    • @jamiewp
      @jamiewp  ปีที่แล้ว

      Great to hear

  • @diesetutorials
    @diesetutorials 9 หลายเดือนก่อน

    Perfekt ! THX

    • @jamiewp
      @jamiewp  9 หลายเดือนก่อน

      👍

  • @udayasaman8155
    @udayasaman8155 ปีที่แล้ว

    You got a like and a subscriber for this valuable content. Cheers! 😃😃

  • @xasancle
    @xasancle 2 ปีที่แล้ว

    Thankss ☺️

  • @bobann7360Studios
    @bobann7360Studios 5 หลายเดือนก่อน

    Cool!!!

    • @jamiewp
      @jamiewp  5 หลายเดือนก่อน

      Thanks for watching 👍

  • @mikhail2876
    @mikhail2876 2 ปีที่แล้ว

    Haha that intro song tho!! Subbed

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว

      thanks 🙏

  • @davidson7838
    @davidson7838 ปีที่แล้ว +2

    Hi Jamie, does this block have things like 'on mouse over', 'on scroll', etc... to start an animation effect?

  • @Ausranch
    @Ausranch 2 ปีที่แล้ว

    Hey that's fun! Thank you! My cats go a bit nutty over the end of your videos. ;-)

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว

      It's all about the cats 😉

  • @celinedaumesnil7329
    @celinedaumesnil7329 4 หลายเดือนก่อน

    Merci ! just what I needed - I remember doing this on Elementor, but it's so much lighter (and free 😀) with Gutemberg

    • @jamiewp
      @jamiewp  4 หลายเดือนก่อน

      Great to hear!

  • @binodmanandhar8159
    @binodmanandhar8159 3 วันที่ผ่านมา

    Hi there,
    is there a way to write a custom script to change animation fade in and fadout effect to 2mins?
    I have tried but didn't work.

  • @jamesmarsh4047
    @jamesmarsh4047 2 ปีที่แล้ว +1

    i had a big chuckle during the 'block of the week" jingle

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว +1

      Thanks James - It was created by my daughter Meg 😀

    • @jamesmarsh4047
      @jamesmarsh4047 2 ปีที่แล้ว

      @@jamiewp lovely !

  • @vishalmukadam
    @vishalmukadam ปีที่แล้ว

    Is is same as installing otter blocks? I mean when you install Otter blocks we do not need the plugin? I think I will have to test that. Thank for the nice video that Jello effect on pricing card looks amazing.

  • @dinukakularathna2824
    @dinukakularathna2824 2 ปีที่แล้ว +1

    Great video. Thank You! Is this plugin working with Kadence Blocks?

  • @okankan3535
    @okankan3535 2 ปีที่แล้ว

    Thank you! Whats it your theme?

  • @guusben
    @guusben 6 หลายเดือนก่อน

    Jamie does this not negatively affect Cumulative Layout Shift?

  • @kooprys
    @kooprys 11 หลายเดือนก่อน

    Hello! How loop Animations?

  • @bundaonduty650
    @bundaonduty650 ปีที่แล้ว

    My question, is the plugin safe?

  • @baalbek3595
    @baalbek3595 ปีที่แล้ว

    anyone having the same issue as mine? all animations are super fast, no matter what animation speed i choose

    • @jamiewp
      @jamiewp  ปีที่แล้ว

      I haven’t seen that before - maybe a plugin conflict somewhere?

  • @jblogcz
    @jblogcz 2 ปีที่แล้ว

    Please get a Cwicly Gutenberg kit and you all sorted, without plugins and extra hustle.

    • @jamiewp
      @jamiewp  2 ปีที่แล้ว

      Thanks Joey, I hope to be reviewing Cwicly soon.

  • @leninzapatap
    @leninzapatap 2 ปีที่แล้ว

    This does not have infinite loop