Make WordPress Core

Opened 2 months ago

Last modified 6 days ago

#40199 new defect (bug)

Customize: collapse suggested and previously uploaded header images with accordions

Reported by: celloexpressions Owned by:
Milestone: 4.8.1 Priority: normal
Severity: normal Version: 3.9
Component: Customize Keywords: needs-patch
Focuses: ui Cc:


The custom header image control takes up quite a lot of space, which is why header videos are, somewhat confusingly, placed before the image control. We could improve this by collapsing the suggested and previously-uploaded images by default, making the headers/labels expandable/collapsable. That would allow larger image collections here without taking up too much space.

Alternatively, other ways to show these collections should be considered, such as in the media modal. Eventually, we'll want this UI pattern to be able to expand to be used in other media controls.

Change History (3)

#1 @folletto
2 months ago

Two things for this discussion:

  1. I'd try to avoid an accordion-like approach as we already moved away from that elsewhere, or, if we do, let's try to find ways and be clear about its usage. In this specific instance, I'd for example explore a "More at the end" approach of some kind instead of making the headers foldable.
  2. Can we maybe use a drill-down approach? (i.e. a menu like the top level one saying "More..." or "Past media..." that opens a new panel with just the list) This should be especially effective if we expect longer lists.

#2 @celloexpressions
7 days ago

Sure, it doesn't necessarily need to be an accordion. The key is making it take up less space by default. My initial though it that the titles can become button elements with arrow icons, and on click the contents slideToggle. Something simple that can be done in the interim until the header image control is brought back into the cropped image control and previous images are available to other control instances.

#3 @westonruter
6 days ago

  • Milestone changed from Awaiting Review to 4.8.1

I recall @melchoyce talking about wanting to implement similar UI as was implemented for the video widget, where an uploaded video and a URL can both be supplied in the media modal.

Note: See TracTickets for help on using tickets.