WordPress.org

Making WordPress.org

Opened 5 weeks ago

Last modified 4 weeks ago

#4467 new enhancement

Redesign the sidebar for Gutenberg Handbook

Reported by: rilwis Owned by:
Milestone: Priority: normal
Component: Handbooks Keywords: needs-design-feedback
Cc:

Description

The sidebar of the Gutenberg Handbook is not user-friendly and should be updated:

https://developer.wordpress.org/block-editor/tutorials/block-tutorial/writing-your-first-block-type/

Here are some problems with it:

  • It's too narrow.
  • The navigation has up to 3 levels, but the text of sub-levels has the same size and style as the parent, which makes it hard to scan.
  • Dividers between items are not good enough, especially for sub-items.

I'd suggest:

  • Make it wider, probably 300px or more
  • Make the down arrow icon smaller or not taking too much space.
  • Sub-items should be full-width, not having a large right padding like they do now.
  • Decrease font-size for sub-items.
  • Remove the dividing lines between items.

To make it easier to navigate, I think we can separate items into categories (top-level item = category, 2nd-level = items in the category), put each category title bolder, maybe uppercase. Separate them with space, like this:

https://i.imgur.com/hiKsLm8.png

Change History (3)

This ticket was mentioned in Slack in #docs by coffee2code. View the logs.


5 weeks ago

This ticket was mentioned in Slack in #meta by tellyworth. View the logs.


4 weeks ago

#3 @tellyworth
4 weeks ago

  • Keywords needs-design-feedback added
Note: See TracTickets for help on using tickets.