Inventory Sale! 75% off most goods in the official Dribbble shop. Pick up your favorites today for a limited time - Discount automatically applied at checkout ✨
Trending designs to inspire you
Work designers are riffing on
Interviews, tutorials, and more
Prompt to flex your design skills
Find your dream design job
An exclusive list for contract work
Find, contact, and hire designers
The #1 job board for creatives
Board for freelance & contract work
Selecting a different template while editing a post or page.
Historically this has been a very lacklustre experience in WordPress, accessed through a select dropdown in the attributes meta box of the post / page edit screen.
It’s exciting to explore how we might make this exercise more visually engaging in Gutenberg.
A carousel of compatible templates dominates the view and encourages the user to study each one in detail thanks to the live preview which is populated with content from the referring post or page.
The selection dropdown provides a quick and accessible way of navigating directly to a known template which will be useful when a visual audition is not necessary. It should also be helpful for sites with large numbers of templates. Pathways from this screen to other template management exercises in the site editor reveal themselves in this menu too.
On handheld devices selecting a template will feel more delightful – you simply swipe through templates one at a time, until you find the one you like most.
The side-scrolling carousel pattern could potentially be re-used to provide a novel way to view posts and pages in the future.