Easy custom blocks using InnerBlocks in Gutenberg
Вставка
- Опубліковано 21 лип 2024
- A great way to start building blocks for WordPress is using InnerBlocks. Group other blocks together and easily add styles and settings.
🚨 Free Video Series: 7 Tools for Modern WordPress Development 🚨
👉 briancoords.com/7tools
👉 Full Code github.com/bacoords/example-i...
👉 Create Block Package github.com/WordPress/gutenber...
👉 Transcript & Written Tutorial www.briancoords.com/build-cus...
👉 More Tutorials www.briancoords.com/
00:00:00 Introduction
00:00:59 Our environment and create-block
00:02:22 Block.json
00:03:15 Edit.js and Inner Blocks
00:06:59 Preview of the editor
00:07:43 Save.js
00:08:33 Testing our save.js
00:09:06 Reviewing the frontend HTML
00:09:44 Styling our block
00:11:39 Previewing our frontend styles
00:12:32 Reviewing the editor experience
00:15:29 Adding block supports
00:18:17 Closing - Наука та технологія
Very informative and well explained! Looking forward to each new video! :)
I appreciate that! Hopefully I can get to the next one soon!
Thank you so much for the tutorial, it helped me a lot with my Gutenberg Block Problems
Glad it helped!
If Copilot was smart enough to catch trailing commas in JSON, we'd all be done with our projects much sooner :)
Big fan of your courses and the podcast on viewsource. I was just wondering how can we check a plugin for any vulnerabilities. I mean, apart from creating high-quality plugins, is it possible to run automated checks via command line or something like that?
Definitely. Be sure to start with the WPCS (developer.wordpress.org/coding-standards/wordpress-coding-standards/php/) which can be installed and run via the command line. That'll pick up more obvious issues like escapting/sanitizing data correctly.
You can also use the same tool that the plugin review team uses for scanning plugins: github.com/WordPress/wporg-code-analysis
wow thanks
@@BrianCoords This would make a great tutorial, even that obvious stuff is often overlooked.
Hello, is it possible to add multiple Innerblocks in a single block?
No, sorry - only one set of InnerBlocks per a block. You could have two custom blocks, each with their own InnerBlocks, but that's maybe getting a little complicated.