Create a Dynamic Ken Burns Gallery in WordPress | How to code Custom Gutenberg Blocks

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

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

  • @mymawazo1449
    @mymawazo1449 2 หลายเดือนก่อน +1

    works perfectly, thanks alot

  • @timnashcouk
    @timnashcouk 4 หลายเดือนก่อน +1

    Great tutorial, I would really have liked to see the WP CLI Scaffold block getting some love rather then deprecation, watching you a very experienced JS dev struggle to get the environment to just work out of the box shows how intimidating it must be for a lot of old PHP devs out there.
    But once you get going, its easy to see why folks are enjoying block building.

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

      That's why NVM is so important with this method of working. The error encountered was intentional because I know this is a common pain point for many developers.
      I even have legacy projects that are incompatible with Node.js 16 or higher, so I heavily rely on NVM not even related to WordPress :)

  • @tylermagic
    @tylermagic 4 หลายเดือนก่อน +1

    Hey mate, loving the videos. WordPress was my bread and butter before React became popular so 'modern WP development' is really interesting to me and you do a fine job of explaining everything! Youve definitely inspired me to dip my toes back in. Also your workflow is very professional, nicely done 👌

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

      Thank you, I appreciate the feedback 🙏

  • @Skeropero
    @Skeropero 3 หลายเดือนก่อน

    Great video, but I will have to learn a lot about WordPress block plugin development. If you consider another tutorial like this (I would really appreciate it), maybe you could try to create a block for uploading SVG icons. Thanks for this video and keep it up!!! :D

    • @elliottrichmondwp
      @elliottrichmondwp  3 หลายเดือนก่อน +1

      Hmm interesting, in what context would you need to upload SVG? Would you like them uploaded to the Media Library? Because WordPress does not allow SVG uploads by default due to security concerns. SVG files can contain malicious code, which could be a potential security risk if not properly sanitised. You can add them to static render files but again you should be confident that the SVG is from a reputable source and sanitised correctly.

    • @elliottrichmondwp
      @elliottrichmondwp  3 หลายเดือนก่อน +1

      Personally, I’d avoid adding them to the database as well 😬😇

    • @Skeropero
      @Skeropero 3 หลายเดือนก่อน +1

      @@elliottrichmondwp Ok, didn't know that, thanks for the tip 😀

  • @tunoajohnson256
    @tunoajohnson256 29 วันที่ผ่านมา +1

    Thanks mate! Very nice tutorial. I come from the react world so I went ham adding react hooks, tailwind and so on to the edit file. Was all working great until I tried to push it across to the save.js 😢 any tips? My thoughts were I need to compile it with webpack and use the vanilla js, html and css. But at that point it feels like it wasn’t made for the way I’m using it 33:12

    • @elliottrichmondwp
      @elliottrichmondwp  22 วันที่ผ่านมา

      Yeah you will need to use npm and the WordPress scripts for a built process, should all be explained at the beginning of this video 😉

  • @HaiderAli-hw8sn
    @HaiderAli-hw8sn 3 หลายเดือนก่อน +1

    This tutorial is not beginners friendly. I watched the full video and a lot of things were unclear. Please make some beginners friendly tutorials on WordPress block.
    Thank you

    • @elliottrichmondwp
      @elliottrichmondwp  3 หลายเดือนก่อน

      Did you have anything specific in mind?

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

    Hello