The EASY Way to Create Custom Gutenberg Blocks -- LazyBlocks Beginner Tutorial (No PHP or JS)

Learn free way to create custom Gutenberg Blocks in minutes, using just HTML & CSS. Zero PHP or JavaScript required.

Lazyblocks is the easiest, most beginner friendly way to create custom Gutenberg Blocks. This tutorial will walk you through the basics of using Lazyblocks.

In the next tutorial, we'll cover advanced topics like:
- Looping through repeater fields
- Advanced Handlebars helpers
- Enqueueing CSS files
- and more...

[seanraz]

Huh, seems like a great solution to the Gutenberg block disaster that is WordPress 🙂I feel like this Lazy Block functionality should be part of the core!

[Whatreally]

new to WP and not a developer. I am stuck with a customization but unable to find any suitable solution. I finally narrowed down what to do. I want to modify an existing block like the "Title" block and maybe add some customization within it to suit my needs. Can I just create a duplicate of the Title block and make customization? WIll that work?

Thnx for the video, I'll be waiting for the next ones 👍🏻👍🏻👍🏻

[cozzie]

This is great and really easy to understand. Only tip I'd say to do is if you're using headings like that at 7:00, don't use a margin to add spacing between words. Whilst it looks ok to the user, search engines would still see this heading as "This is beforeThis is after" with no joiner. It'd be better to put a non breaking space between if an after text appears