WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.51k stars 4.2k forks source link

Improve process of creating new Pages directly from Navigation block #66923

Open getdave opened 1 day ago

getdave commented 1 day ago

For many users the website menu is a key element on their site. We should make it easier for users to quickly scaffold out their site Pages directly from the Navigation without having to leave the block.

Problem

However, currently we have a disconnect between the Menu and Pages - to add a new Page to your menu you must either:

Both process are incredibly convoluted and laborious.

Video demonstrating process of adding a new Page from Navigation block https://github.com/user-attachments/assets/7b6b3b20-545a-48c8-bc7e-e63e5845bd23

Proposal

It should be possible to have more control when adding new Pages directly from the Navigation. To do this I propose we introduce a flow similar to that we currently have for adding Blocks in the Navigation block:

I propose that we remove the current "Draft" item from the search suggestions - it's confusing for users and - as a result - under-utilised.

We replace this with the same kind of UI we have for Add Block but the text would read "Create new Page".

Image

When clicked you would be shown a form (see example image below) allowing you to enter a title for your new Page as well as an option allowing you to decide whether or not the page is "published".

Image

In addition, I also propose that we devise a less intrusive method of marking a Navigation item as being "Draft". For example, "incomplete" Social Icons are simply "greyed out". I think we could use a complementary visual affordance to help users understand when a Page is "draft" without having to use the full suffix "Draft" which feels really clunky.

Image

Benefits

getdave commented 1 day ago

cc @richtabor who I seem to remember having a mock up for "Create page" and may have additional insight into this.