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

Поделиться
HTML-код
  • Опубликовано: 2 фев 2025

Комментарии • 21

  • @dudutlesmono1799
    @dudutlesmono1799 12 дней назад +1

    wow. This tutorial is great. Thanks alot

  • @kyleh503
    @kyleh503 Месяц назад +2

    Excellent tutorial. 33 minutes and not a single wasted breath.

  • @mymawazo1449
    @mymawazo1449 4 месяца назад +1

    works perfectly, thanks alot

  • @tunoajohnson256
    @tunoajohnson256 3 месяца назад +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  2 месяца назад

      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 😉

  • @tylermagic
    @tylermagic 6 месяцев назад +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 👌

  • @timnashcouk
    @timnashcouk 6 месяцев назад +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  6 месяцев назад

      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 :)

  • @Skeropero
    @Skeropero 6 месяцев назад

    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  5 месяцев назад +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  5 месяцев назад +1

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

    • @Skeropero
      @Skeropero 5 месяцев назад +1

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

  • @HaiderAli-hw8sn
    @HaiderAli-hw8sn 5 месяцев назад +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  5 месяцев назад

      Did you have anything specific in mind?

    • @socialkruption
      @socialkruption 15 дней назад +1

      It wasn't meant to be beginner friendly, it simply shows you how he made it. Pause the video and go thru it, not that hard now, isn't it?

  • @uuu6882
    @uuu6882 6 месяцев назад

    Hello

  • @socialkruption
    @socialkruption 15 дней назад

    Good video but man... node is taking over everything. If you're looking for a change up in video topics, dive into Astro, it's based.