Gutenberg Instructions/Documentation

How to create a block? npx @wordpress/create-block@latest <block-name>

• Source: https://developer.wordpress.org/block-…ate-block/
• Run: npm start

Generate .pot file for block translation:

mkdir languages
wp i18n make-pot ./ languages/myguten.pot

• Source: https://developer.wordpress.org/block-…alization/

After translating with Poedit or the Loco Translate plugin (better sync), you need to generate the .json files for the translations to take effect in the block editor:

wp i18n make-json myguten-eo.po --no-purge

How to create a block?

• Create block: https://developer.wordpress.org/block-…ate-block/
• Metadata Block.json: https://developer.wordpress.org/block-…-metadata/
• Registration: https://developer.wordpress.org/block-…istration/
• Variations: https://developer.wordpress.org/block-…ariations/
• Create multiple blocks on same plugin → Adding Multiple Blocks to a WordPress Plugin in a few steps

Default Components:

• Blocks: https://developer.wordpress.org/block-…re-blocks/
• Sandbox: https://wordpress.github.io/gutenberg/…tion–page
• Blocks Information: https://wp-gb.com/

Default Blocks Repo: https://github.com/WordPress/gutenberg…ibrary/src

How to Extend the Loop Query Block? https://developer.wordpress.org/block-…-loop-b-…

How to put a Block inside another Block? (Nested Blocks) https://developer.wordpress.org/block-…-blocks-…

The Required Files & Block Data Flow:

• Required Files: https://developer.wordpress.org/block-…edit-save/
• Data Flow: https://developer.wordpress.org/block-…data-flow/

The Gutenberg Block Editor:

• Block Design: https://developer.wordpress.org/block-…ck-design/
• User Interface: https://developer.wordpress.org/block-…interface/
• Theme.json: https://developer.wordpress.org/block-…heme-json/

Interactive API: https://github.com/WordPress/gutenberg…tivity-api

Blogs:

• https://gutenberghub.com/
• https://fullsiteediting.com

Package to create an ACF Block boilerplate: https://www.thetwopercent.co.uk/create…n-package/