Gutenberg: New Block: Logos

Created on 27 Mar 2019 · 6Comments · Source: WordPress/gutenberg

Is your feature request related to a problem? Please describe.

I want to propose a new block, the "logos" block. The "logos" block is a list of logos that can be used to, e.g., display logos of customers, partners, sponsors, etc. and link out to them directly.

logos-wireframe (1)

Describe the solution you'd like

The initial functionality for this block should include:

Ability to add a link to an external URL to each logo
TBD...

Visually we'd want to ensure that:

Logos aren't cropped and are centered on the cross-axis
Logos have a maximum width, so they do not scale to full width
When there are only a few logos, we’d like them to be centered

Describe alternatives you've considered

With the currently existing set of blocks, it is not possible to achieve a visually pleasing result with a good user experience. We tried a combination of Columns > Column > Image blocks for a similar looking section. The user experience of adding/removing logos, unfortunately, was far from intuitive. Similar issues arose when we tried to use the gallery block for this purpose. In addition, Gallery images crop by default and can't be linked to an external URL. When the crop option is “off” the images are placed on the cross-end line on the site. For logos, it’d make more sense if the logos are centered on the cross-axis. When the gallery has a small number of images, say 3, the CSS makes images to fill the space. This makes sense for a gallery, but not with logos because the logos become big. When there are only a few logos, we’d like them to be centered rather than to be left aligned.

New Block

Source

frontdevde

👍6 ❤2 😕1

All 6 comments

Input and feedback is welcome! I'm working with @thomasguillot to further define the functionality and figure out a good UX for the block options, etc.

frontdevde on 27 Mar 2019

👍1

Related Slack conversation (link requires registration):

https://wordpress.slack.com/archives/C02QB2JS7/p1553698496980800

aduth on 27 Mar 2019

Great initiative!

My initial response is mixed.
As it would be great to get this working with image blocks next to each other with aligning all of them to the left. Which would mean looking at various ways in how to improve the image block.

But I think that adding a logos block is a good idea as an user will likely look for specific blocks to do specific things. Such as adding logos to the bottom of a page.

Personally I would prefer an image block that could do this in addition to a logos block.

There has been some talk of what belongs in core and not. Well there are lots of video embed blocks and it seems one can just paste an url from a lot of sites into the default paragraph block and have the video embed just show up instead of specifically selecting an embed block. So I am all for more variety of useful blocks.