-
Notifications
You must be signed in to change notification settings - Fork 42
Description
Related to #628
Describe the bug
When creating a pattern using the Pattern Directory editor (aka pattern creator) in the directory, contributors can get confused by the editor preview because the directory uses the post editor, which lacks support for:
- Full width
The width is limited by the theme'scontentWidth(680px) on the preview. This seems expected because the directory uses the Post editor to create patterns. - Layout toggle
This toggle to switch between flow and constrained layout does not work on the preview.
To Reproduce
Steps to reproduce the behavior:
- Go to https://wordpress.org/patterns/new-pattern/ to contribute to the directory creating patterns
- Add a gallery of images and expect to see the columns borked on the preview.
- Add a group with an image in it, use the Layout toggle, and expect to see no effect on the preview.
- Rather than design your pattern directly in the Pattern Directory editor, go to the Site editor of one of your sites, design a full-width pattern, then copy-paste it into the Pattern Directory editor to submit a pattern to the directory, and expect to see your pattern borked because the
max-widthof the editor preview is680px.
Expected behavior
Pattern previews in the Pattern Directory editor should look like pattern previews in the Pattern Directory.
Screenshots
See in the following screenshots how patterns look as expected in the Site Editor and the Pattern Details of the Pattern Directory but look borked in the Pattern Directory editor.
| Pattern Directory Editor | Pattern Details | Site Editor |
|---|---|---|
![]() |
![]() |
![]() |
| Pattern Directory Editor | Pattern Details | Site Editor |
|---|---|---|
![]() |
![]() |
![]() |
Please look at the following recording of how the Layout toggle doesn't work.
| Pattern Directory Editor | Site Editor |
|---|---|
Screen.Recording.2567-04-11.at.19.04.37.mov |
Screen.Recording.2567-04-11.at.19.07.32.mov |
Additional context
Submitting a pattern confuses contributors because of the misleading editor preview. As a workaround, we use the Site editor in our sites to design patterns and then copy-paste them into the Pattern Directory editor to submit them.
Ideally, patterns should be created from the Site editor because that is the pattern creation flow contributors have been using since WordPress 6.3 to create custom patterns. As a reference: https://learn.wordpress.org/tutorial/creating-your-own-custom-synced-or-non-synced-patterns/
I'd like to help to improve this experience. cc: @annezazu @richtabor @ryelle Any ideas?
Metadata
Metadata
Assignees
Labels
Type
Projects
Status





