Have you hesitated using custom blocks because they're too hard? Let's debunk that rumor. In this session, learn how to leverage Genesis Custom Blocks to build your own blocks from scratch that look, and behave, exactly as you need.
5. Where We’ve Come From
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
Base Full-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 CHANGES THINGS
§ 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 PAGE TEMPLATES
§ Pre-made content “chunks”
§ Built 100% with Blocks
§ Distributable…
§ A new product category
9. Custom Blocks
WHEN OFF-THE-SHELF DOESN’T DO THE JOB
§ Look the way you need
§ Behave the way you need
§ Integrate the way you need
§ Fine tuned control
13. What’s a
Collection?
IN THE GENESIS CONTEXT
§ Collections are Patterns in
Genesis
§ An improved discovery
experience
§ An improved management
experience
§ Leverage distribution through
Genesis
14. Building Custom
Collections
WHY?
§ Build highly 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. Create your 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’)?
19. § A WordPress plugin 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
22. To cover this area 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 this area 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