Skip to content

Improve Image Blocks Placeholders #41142

@beafialho

Description

@beafialho

What problem does this address?

Chatting with @mtias @henriqueiamarino and @pablohoneyhoney about the effort of populating the Pattern Directory, it makes sense to also pursue more common layouts, displaying them as wireframes, in addition to more opinionated combinations of image and copy. Because of that, the way the images blocks get displayed is important.

This is the current Image block placeholder:

Captura de ecrã 2022-05-17, às 12 00 15

What is your proposed solution?

For Images (and perhaps Cover and Gallery Blocks), it would be nice to improve the placeholder directly in Gutenberg, perhaps add things like aspect ratio, nicer placeholder drop-zone, etc so we could display it in the directory, instead of adding sample images, as shown below.

It can be relevant to align these placeholders with the ones created for other blocks such as Featured Images.

Captura de ecrã 2022-05-17, às 12 00 46

Metadata

Metadata

Assignees

Labels

Needs DesignNeeds design efforts.[Block] CoverAffects the Cover Block - used to display content laid over a background image[Block] GalleryAffects the Gallery Block - used to display groups of images[Block] ImageAffects the Image Block[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experi

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions