BUILDING WITH PATTERNS INTRODUCTION AND NEXT STEPS

BUILDING WITHOUT PATTERNS

BUILDING WITH PATTERNS PATTERNS EXPLAINED ▸ Patterns are pre-made, ready to use layouts that are made up of blocks ▸ When inserted, they are just blocks ▸ Created by designers ▸ From a single block to a complete page

BUILDING WITH PATTERNS WHY USE PATTERNS ▸ They empower you to create a complex layout of blocks in a matter of seconds ▸ Focus on creating amazing content and not on design

BUILDING WITH PATTERNS HOW TO USE PATTERNS ▸ Inserter ▸ Patterns Explorer ▸ Pattern Directory

BUILDING WITH PATTERNS CREATING PATTERNS ▸ Be creative in block editor and just take the markup ▸ register_block_pattern helper function

BUILDING WITH PATTERNS REGISTERING PATTERNS - THEME AUTHORS ▸ patterns property in theme.json - an array of pattern slugs from the Pattern Directory ▸ From patterns directory in a theme. Each pattern is a PHP fi le and de fi nes its metadata using plugin-style headers

BUILDING WITH PATTERNS SEMANTIC PATTERNS ▸ Associate patterns with block types with blockTypes argument during registration ▸ Pattern suggestions and transformations

BUILDING WITH PATTERNS NEXT STEPS ▸ Pattern suggestion in page/template creation ▸ Sections as more stable units - block type ▸ Style Partials (theme.json) ▸ Locking and Absorb Toolbar ▸ Cycling through Patterns

THANK YOU!