Download to read offline
Uploaded byWP Engine
Between a Block & a Hard Place
The document outlines upcoming changes in WordPress, focusing on the transition to full-site editing and the implementation of custom blocks and block patterns. It discusses the evolution from traditional theming to a block-oriented approach, enabling users to create highly customizable pages. The presentation is aimed at WordPress developers, emphasizing the ease of building and integrating new block functionalities.
More Related Content
Similar to Between a Block & a Hard Place
![Computer Networks 01[1 using all terms].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/computernetworks011-251214040533-327dd9f8-thumbnail.jpg?width=640&height=640&fit=bounds)
Between a Block & a Hard Place
- 2. Between a Blockand a Hard Place Let’s master modern WordPress - a world of blocks Rob Stinson PRODUCT MARKETING MANAGER, WP ENGINE @rob_stino
- 3. Agenda THE THINGS WE WILLCOVER 1. The future of WordPress “themeing” 2. Custom Collections (Block Patterns) 3. Custom blocks (live coding FTW!)
- 4. 1. The Future ofWordPress Themeing
- 5. Where We’ve ComeFrom Base Theme Starter / boilerplate theme or parent theme. Underscores, Genesis Framework, Storefront Child Theme Implementation of global design patterns and page / archive design Plugins Functionality and integrations
- 6. Where We’re Going BaseFull-site Editing (FSE) Theme Far simpler / more light weight than traditional themes Block Patterns Implementation of global design patterns and page/archive design Custom Blocks Functionality and integrations Plugins Functionality & integrations
- 7. Full-site Editing THIS CHANGESTHINGS § Block Editor expands beyond the content area § File structure changes § The role and type of code we write changes (template hierarchy) § Where we “template” moves in to the WP experience
- 8. Block Patterns REPLACES PAGETEMPLATES § Pre-made content “chunks” § Built 100% with Blocks § Distributable… § A new product category
- 9. Custom Blocks WHEN OFF-THE-SHELFDOESN’T DO THE JOB § Look the way you need § Behave the way you need § Integrate the way you need § Fine tuned control
- 10.
- 11. Let’s Make ItEasier Then :)
- 12.
- 13. What’s a Collection? IN THEGENESIS CONTEXT § Collections are Patterns in Genesis § An improved discovery experience § An improved management experience § Leverage distribution through Genesis
- 14. Building Custom Collections WHY? § Buildhighly customisable block- first boilerplate pages § Provide clients with end-user friendly (all blocks) template content they can work with § Distribute (the new child theme)
- 15. Building Custom Collections HOW? 1. Createyour page sections & full page layouts with blocks 2. Fine tune your content and styling using pure block options 3. Leverage Genesis for broader/richer content and styling controls 4. Export and implement in plugin (next slide)
- 16. 5. Scaffold plugin(starter avail’) 6. Register Collection and it’s Layouts & Sections 7. Active plugin alongside Genesis Blocks plugin 8. Done Building Custom Collections HOW (CONT’)?
- 17.
- 18.
- 19. § A WordPressplugin that provides an admin interface and a simple templating system for building custom Gutenberg blocks § Blocks that look & function EXACTLY as you need § NOT dependant on the Genesis Framework
- 21.
- 22. To cover thisarea exactly: Size & Rotation Height = 3” Width = 4.3” Position X-position = 0.5” Y-position = 0.5” Who’s This For? WORDPRESS DEVELOPERS § From Solo Freelancers through to large corporate web team members § Junior & Senior
- 23. To cover thisarea exactly: Size & Rotation Height = 3” Width = 4.3” Position X-position = 0.5” Y-position = 0.5” The Value It Provides § Simplifies upskilling dev for the block editor § Speeds up block production § Simplifies iteration § Simplifies integration
- 24.
- 25. Enough Talk! Let’s BuildSomething!
- 26.
- 27. Thank You Rob Stinson PRODUCTMARKETING MANAGER, WP ENGINE @rob_stino