Creating Native Gutenberg Dynamic Blocks using the block.json schema
Channel: TechiePress
Date: 2023-01-09

The block.json file is a crucial element in the creation of native WordPress Gutenberg dynamic blocks as of WordPress 5.8 and older. This file is built to contain all the necessary metadata for a block, such as its name, category, and attributes. It also specifies the files that make up the block, including the JavaScript and CSS that define its behavior and appearance.

In this video tutorial, we walk through how to develop a WordPress dynamic Gutenberg block using the block.json file and the wp-scripts package.

This tutorial will give you a hands-on understanding of how the block.json file fits into the block development workflow, and how you can use it to create your own custom blocks for WordPress. The tutorial demonstrates how to modify the ClassName and Alignment properties as an example, with visuals.

VIDEO CHAPTERS
00:00 Recap & Challenge
02:08 Setup Files & Block dependencies
05:09 Dynamic Block Structure
08:06 ClassName Property in block.json
09:07 Align & AlignWide properties in block.json
09:58 Next steps

Get more examples of the JSON object that can be added/edited in the blocks.json file via https://omukiguy.com/using-the-block-json-schema-in-creating-native-gutenberg-blocks/

Join this channel to get access to perks:
https://www.youtube.com/channel/UCk_CWbiRCi34etpks2KwNuQ/join

HOW TO SUPPORT THE CHANNEL
=============================================
Do you like what I am doing?
- Buy me a coffee through https://www.buymeacoffee.com/techiepress 
- Give via PayPal: https://paypal.me/laurencebahiirwa
- Visit https://omukiguy.com/support-my-work/

I am social too:
Facebook: https://web.facebook.com/TechiePress-100149655032583/
Twitter: https://twitter.com/omukiguy
Blog & Newsletter: https://omukiguy.com
Github: https://github.com/yttechiepress
-------------------------------------------------------------------------------
LEARN MORE IN THE WELL CURATED PLAYLISTS BELOW
--------------------------------------------------------------------------------

Learn how to build a plugin from scratch: https://youtu.be/9LtXEMRNln8?t=145

WooCommerce E-Commerce customizations
== Build Free Custom E-commerce Online Shop using WooCommerce - https://www.youtube.com/playlist?list=PLNqG1qGUllk2qFmbexV2SikF8bXqvDW-H

== Build Free Custom Theme for E-commerce Online Shop using WooCommerce - 
https://www.youtube.com/playlist?list=PLNqG1qGUllk0uFqUvFFIJ67dSNBKapd7Y

====== Build Dynamic Websites with Elementor  ======

== Learn the Elementor basics  - https://www.youtube.com/playlist?list=PLNqG1qGUllk27BK71LBJDw4auOl-aVOqG

== Build a custom Elementor Widget from Scratch - https://www.youtube.com/playlist?list=PLNqG1qGUllk2pukgHP385ll0ENmRr9E_M

====== How to use WordPress Gutenberg Block Editor ======

WordPress 5.4 Gutenberg Blocks Updates 
== https://www.youtube.com/playlist?list=PLNqG1qGUllk0lI2Omhvp54Qn9-MIEhQzX 

WordPress Gutenberg blocks for Designers 
== https://www.youtube.com/playlist?list=PLNqG1qGUllk3DY91Bq_26L8meIXM_Uo4E 

Gutenberg WordPress Block Editor tutorials for beginners
== https://www.youtube.com/playlist?list=PLNqG1qGUllk2xOKt79aI12GgX2DX0aNx-

Custom WooCommerce Gateway Development from Scratch
== https://www.youtube.com/playlist?list=PLNqG1qGUllk21IES6ZJ2WkX1BcbPQF4-7

WordPress Custom REST API Namespaces, Endpoints and Examples from Scratch
== https://www.youtube.com/playlist?list=PLNqG1qGUllk0npc2ZGPU358Q6S1itFCYR

====== WordPress Plugin Development from Scratch ======

Build Most Popular & Most Commented Post Plugin
== https://www.youtube.com/playlist?list=PLNqG1qGUllk05gUz_VB5nCHEN9A3OpS94

Build SMS Plugin with External WordPress API Integration using custom WordPress Databases
== https://www.youtube.com/playlist?list=PLNqG1qGUllk0NSTrNF2xa1zHNzMi3M7su

WordPress External APIs Integration Plugin Development
== https://www.youtube.com/playlist?list=PLNqG1qGUllk0U2-5ZBNxSNxQrPO-4CqnR

Convert WordPress to mobile App in Headless WordPress
== Convert WordPress Sports Website into Mobile Application - https://www.youtube.com/playlist?list=PLNqG1qGUllk3qMrJcXUeP1Ge5U4fKtAR 

Make GraphQL API endpoints with WordPress Headless CMS WPGraphQL Plugin 
== https://www.youtube.com/playlist?list=PLNqG1qGUllk03llIgPYGVTwY14lAPDkBp

Customize Your WordPress & ClassicPress
== Build Custom REST API Endpoints with WordPress or ClassicPress - https://www.youtube.com/playlist?list=PLNqG1qGUllk06KZP9N1nRG-FpnTr_TD9u

Custom Dashboard Widgets
== https://www.youtube.com/playlist?list=PLNqG1qGUllk2h51557gV74x8p1RrlEmah

Build Custom Admin
== https://www.youtube.com/playlist?list=PLNqG1qGUllk1M5L8Xo-K1g6B3OrkliKDs

Learn Git
== Git tutorial for writers + software developers for beginners - https://www.youtube.com/playlist?list=PLNqG1qGUllk2PnSJiUw1SCjiS6pNhIR2f