Skip to content

Block Patterns: Add ability for predefined block layouts to be added to a document #17335

Closed

Description

Block Patterns are becoming a requested feature. With the advent of Gutenberg, the blank canvas has become a bit more frightening. Rather than just worrying about content, now people also worry about page layout. While it's easy to wrangle with Gutenberg, the blank canvas leaves more questions than answers.

Adding a feature to include Block Patterns would be ideal!

Themes would be able to register block patterns. With this in mind, this feature could potentially eliminate all support questions of "How do I make it look like the demo?" 😱

Questions:

  1. Should Gutenberg include some default block patterns?
  2. Which UX flow for this system works best? (a couple examples below)

UX Example – Overlay

Prototype

overlay


UX Example – Sidebar

Prototype

sidebar

cc: @epiqueras @youknowriad I'm not sure if this relates to some of the content areas and CPT work you've been doing.


Todo:

  • Design a list of default patterns to embed in Gutenberg.
  • Build an MVP UI that allows inserting these patterns (potentially just a sidebar plugin).
  • Update the block inserter to show both blocks and patterns according to the last designs.

Potentially outside the scope of this issue but still part of the same project

  • Build a way to create, save and edit patterns.
  • Build a block patterns repository on wp.org.
  • Allow installing patterns from the repository.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

Labels

General InterfaceParts of the UI which don't fall neatly under other labels.[Feature] PatternsA collection of blocks that can be synced (previously reusable blocks) or unsynced

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions