Tutorials

• Block Patterns

  Register reusable block compositions — landing-page hero, feature grid, FAQ section — that users insert as a complete unit.

  intermediate 25m
• Block Attributes and Serialization

  Master the attribute system — types, sources, defaults, and how block data round-trips between the editor, the database, and the front-end.

  intermediate 30m
• Building a Block Plugin

  Package your block as a proper WordPress plugin — file structure, asset enqueueing, server-side render callbacks, plugin metadata.

  intermediate 35m
• Building Your First Custom Block

  Replace the scaffolded placeholder with a real custom Callout block — editable title, body, and a type selector — using registerBlockType + edit/save.

  intermediate 45m
• Block Styles and Variations

  Add visual styles (boxed / filled / outlined) and block variations (Tip / Warning / Error as inserter shortcuts) — without forking the block.

  intermediate 30m
• Extending the Editor

  Use JavaScript hooks (editor.BlockEdit, blocks.registerBlockType, blocks.getSaveContent.extraProps) to extend core blocks without forking them.

  advanced 40m
• Inner Blocks and Composition

  Let users nest other blocks inside yours — InnerBlocks, allowedBlocks, template — to build container blocks like cards, columns, and panels.

  intermediate 40m
• Inspector Controls and Settings

  Add a settings sidebar to your block — ToggleControl, SelectControl, ColorPalette, PanelBody — so users configure attributes without typing into the block.

  intermediate 35m
• Publishing Your Block Plugin

  Ship your plugin to WordPress.org — readme.txt format, screenshots, the wp.org submission review process, and post-launch maintenance.

  intermediate 30m
• Setting up a Block Development Environment

  Install Node.js, scaffold your first block plugin with @wordpress/create-block, and connect it to a local WordPress install — in 30 minutes.

  intermediate 35m
• Testing and Debugging Blocks

  Use @wordpress/scripts test, React DevTools, and block validation to catch issues before they hit production — including the dreaded yellow validation warning.

  intermediate 30m
• Introduction to Gutenberg

  Understand WordPress's block editor architecture — what blocks are, how the editor differs from the classic one, and why everything is a block now.

  intermediate 25m
• Cloudflare

  Deploy an Astro site to Cloudflare Pages

  From `git init` to a live URL on a custom domain in under 30 minutes. Covers Pages config, custom domains, and the most common build errors.

  beginner 30m
• WordPress

  Headless WordPress with Astro — a starter kit

  Build a production-ready Astro frontend that consumes a WordPress backend via REST. Includes auth, ISR-like caching, and deploy-to-Cloudflare config.

  intermediate 45m

No tutorials match. Clear the filters to see them all.