Gutenberg DevTools
Tools to generate Code Snippets for Block editor in WordPress
Give it a try! This project is in constant development, and follows as much as possible the evolutions of WordPress Core.
Last update
November 21, 2023: Update some settings in THEME.JSON generator according to WP6.4
Theme.json
Use theme.json
for Full Site Editing or php / css / sass
Blocks patterns
Combine group of blocks to create reusable layout elements.
Try it nowCore Blocks appearance
Alter the look of a block with "Block Styles" or add new one in inserter with "Block variations"
Try it nowRessources Gutenberg blocks in WordPress
- Enhanced your theme to have the ability to extend and customize Blocks: Theme support
- Block Supports: is the API that allows a block to declare features used in the editor
- Full site Editing and theme.json: FSE
- Register block type Generate block.json
- WordPress 5.9 Field Guide
- WordPress Full site Editing by Carolina Nymark
- Gutenberg Best Practices by 10up
- A Deep Introduction to WordPress Block Themes on CSS Tricks