Easy Workflow to Create Custom Blocks

[afmarchetti]

All the WordPress dev want to create block with php, js, css whitout npm and build worflow.
In a small business web site we haven't the time and budget to create a block with that system (local build) to make small changes, we need something quick and easy like this:
https://blockstudio.dev/

If you make something like this all the community will love Gutenberg and WordPress again.

This could change everything and make full site editing grow fast, think about that.

I went to WordCamp Italy, yesterday and all the devs agree with that, cheers keep the good work :)

[bph]

The tool you might want to check out is the Create Block scaffolding script built by the Gutenberg team. The recent course on Introduction to Block Development gives a great use case for it.

You can also follow the block editor handbook tutorial, that has helped me to get started.

There are other plugins and tools that give developers shortcuts to Custom Blocks for the transition. If it's ok with you @afmarchetti I convert this issue to a discussion so others can share their journey on Custom Block development as well. Issues are more for specific feature requests or bug fixes.

[afmarchetti]

I had follow the handbook but the process to create a block is too complex.

The main problem is that we need a local eviroment to make tiny change on the custom blocks, in small budget project this too time consuming and not sustainable.

Tools like block studio are exactly the type of experience we dev want, a simple folder with 3/4 files, no build...

[bph]

What kind of changes are you looking for?

[afmarchetti]

it will be awesome declare a custom block in a json file like this:

and create a template in a php file like this:

And style it in a css file like this: