Multiple WordPress Blocks In One Plugin (@wordpress/create-block)

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

КОМЕНТАРІ • 31

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

    My recommendation for hosting your WordPress website is DreamHost and specifically their "Shared Unlimited" yearly plan (the exact plan I've used for 19 years). If you use my link to DreamHost it helps support my UA-cam channel and costs you nothing extra: click.dreamhost.com/aff_c?offer_id=109&aff_id=17231

  • @SiteStudio
    @SiteStudio 6 місяців тому +2

    Excellent content, seeing you go through these steps with /create-block is making me more confident in creating custom blocks without ACF Blocks.

  • @Telepathnic
    @Telepathnic 6 місяців тому +2

    Thank you for this excellent tutorial. How about a detailed course where you show us how to create your own fully customizable blocks from various design elements such as accordions or slideshows etc.? That would be awesome! 🤓

    • @LearnWebCode
      @LearnWebCode  6 місяців тому +1

      I like that idea. In my full course we do create a slideshow block and on the admin side you can add as many slides as you want to the block instance, upload a background photo for each slide, and add headlines / CTA buttons for each slide as well.

    • @Telepathnic
      @Telepathnic 6 місяців тому

      @@LearnWebCode All right, you meant your Wordpress course at Udemy. I discovered the new chapter “Keeping Blocks Organized with block.json & render.php”. Very nice 😎

  • @harrisonjude7523
    @harrisonjude7523 4 місяці тому

    perfect, to the point, thank you!

  • @visualmodo
    @visualmodo 6 місяців тому

    Truly good job, thank you! =D

  • @liviuc1946
    @liviuc1946 6 місяців тому

    I think I bought a tonne of tutorials from you , which I keep postpone watching them (I'm sure I'm not the only one :D) Do you recommend any videos/courses where you go into detailing your workflow in wordpress? I havent seen too many working in visual studio code for wordpress.

    • @LearnWebCode
      @LearnWebCode  6 місяців тому

      Good question! I'm pretty satisfied with VS Code; whenever you save in a PHP file it will warn you of any syntax errors using the PHP binary on your system to evaluate it. I'm always open to learning tips and tricks to improve my workflow, but as of today I'm not very knowledgable about more advanced PHP setups. I do want to get some sort of "auto refresh" system setup so that WordPress sites refresh every time I save a file, without using BrowserSync would be ideal.

  • @iambhavinpatel
    @iambhavinpatel 6 місяців тому +1

    First comment should get like from Brad ❤❤

    • @LearnWebCode
      @LearnWebCode  6 місяців тому +2

      You know it! Thanks for the support!

    • @MdAlaminshow
      @MdAlaminshow 6 місяців тому +1

      Always best, Brad
      Love the way you teach.❤

    • @iambhavinpatel
      @iambhavinpatel 6 місяців тому

      @@LearnWebCode thank you sir

  • @desventurasdati
    @desventurasdati 6 місяців тому

    So nice! Thanks for sharing.

  • @kadimgultekin
    @kadimgultekin 6 місяців тому

    Thanks for the video. Your videos are so helpful ❤

  • @mattfoodycom
    @mattfoodycom 3 місяці тому

    what about package.json - main entry point?

  • @_maurodf
    @_maurodf 6 місяців тому

    With Interactivity API is nosense to still learning React for a WordPress Dev enviroment? (I'm learning it right now, but it has sense or better to focus on interactiity only?)

    • @LearnWebCode
      @LearnWebCode  6 місяців тому +2

      Good question. The admin-editor side still uses React; so I definitely think it still makes sense to know React as a WP developer. And for features that don't need SSR for maximum accessibility / SEO you could still use React on the public-front end as well if you wanted instead of the Interactivity API.

    • @_maurodf
      @_maurodf 6 місяців тому

      ​@@LearnWebCode Damn so i have to study it ahahah, i prefer Vue for the frontend works because i like more the writing style, but i want to be very complete with the Wordpress Dev, and React is still an important part.

  • @aogunnaike
    @aogunnaike 6 місяців тому

    God bless you for this 👍 you read my mind 😂

  • @raviramcharan3812
    @raviramcharan3812 6 місяців тому

    I created a custom block by running the npx command and activated the plugin in the admin. However, I can't see my block in the gutenberg editor. What am I missing here?

    • @LearnWebCode
      @LearnWebCode  6 місяців тому

      Did you try an "npm run build" or "npm run start" after changing the block name? Is there an error message or is the block type just not showing up in the block search UI at all?

    • @raviramcharan3812
      @raviramcharan3812 6 місяців тому

      @@LearnWebCode I tried to run npm run start and npm run build afterwards to create a new build with a minor change. Everything runs fine, no error in any logs. It just doesn't show up in the UI list view

    • @kkokoruz
      @kkokoruz 6 місяців тому

      ​@@raviramcharan3812 & ​@LearnWebCode I am having the exact same issue. I'm glad I'm not the only one. I'm following the steps in the video. I get to the part of the video where I activate the plugin and that all shows up but then when I go to the helloworld post and search for the newly activates/created block it does not get listed and when I search it is also not there.

    • @kkokoruz
      @kkokoruz 6 місяців тому

      @@LearnWebCode same issue. I left my comment below.

    • @codingtechbikash
      @codingtechbikash 6 місяців тому +1

      same issue mine also not showing

  • @AndiSyafrianda
    @AndiSyafrianda 6 місяців тому

    thank you

  • @castrojunin
    @castrojunin 3 місяці тому

    Great job, bro!
    The render.php does not work for me :(
    Wordpress 6.6.1 version

  • @lexusgt
    @lexusgt 6 місяців тому

    Спасибо!

  • @stpengineering
    @stpengineering 6 місяців тому

    thanks

  • @marpusik1277
    @marpusik1277 6 місяців тому +1

    thanks 😊 🫂 🙏