Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Making groups as default wrapper #38271

Closed
mertafor opened this issue Jan 27, 2022 · 3 comments
Closed

Making groups as default wrapper #38271

mertafor opened this issue Jan 27, 2022 · 3 comments
Labels
[Type] Question Questions about the design or development of the editor.

Comments

@mertafor
Copy link

mertafor commented Jan 27, 2022

What problem does this address?

Sorry if this is a duplicate or someone mentioned this before. I have this certain problem since Gutenberg released and I was hoping devs would look into this at some point. But I see that still there are no viable solutions after several years of development.

I understand the minimalist approach yet this is a page editor and users should easily select and edit buttons without a hassle. Once I add a block, especially using Columns and other nested block types, there is no easy way to select this block and make changes. Whenever I click on a block, first I try to find out which block is currently selected. Is it an inner block or wrapper block? Deleting a Columns block is a real pain. You can't simply select the parent delete or modify everything. Every single three dot menus provides tons of styles and alignment options. I'm a WP developer and sometimes even I don't understand where I am and what I'm doing. In the end I delete this specific block and start over. In my opinion, editor requires certain UX improvements to fix these issues.

What is your proposed solution?

Almost all WP page builders, (Elementor, WPBakery etc.) use a default wrapper called Row. In other words it's a section wrapper div. Users can build the content into rows easily. Because even it's a front-end editor, you see its borders and setting buttons on hover or they're always visible. This clear separation and modification buttons make everything much clear to work with. Gutenberg's minimalistic approach makes it look cleaner maybe but it causes several usability issues.

Gutenberg already has a feature called Group that does a very similar job to build nested blocks. Using Group as default wrapper for a new block section could make things much easier to navigate, modify and delete.

I'm sure it's very difficult to implement at this point, yet I wanted to mention this issue in case you'd consider improving it.

@talldan
Copy link
Contributor

talldan commented Jan 27, 2022

@mertafor There is now a row variation of the group block - #34535.

It isn't a default or anything, though. That would be another step and I don't know whether it's something that's planned.

@mertafor
Copy link
Author

mertafor commented Jan 27, 2022

@talldan It's my bad. Yes now I noticed rows also. However what I was trying to mention is the difficulty of navigating between blocks in nested blocks due to lack of visual guides (lines, borders, settings buttons etc.).

In fact, I think it could be possible by using custom editor styling in a theme. But is there any way to changing the starter template of default Add new post / page? For example Add New Page creates a new page with single empty paragraph block. Is it possible to change it to a paragraph wrapped in a row through native WP functions?

Edit : After looked up that on Google, I found out that I can achieve this by using altering default templates.

@annezazu annezazu added the [Type] Question Questions about the design or development of the editor. label Feb 22, 2022
@annezazu
Copy link
Contributor

Going to close this out as the final piece of feedback around navigating nested blocks without visual guides has been covered across a few issues including: #23892 Let me know if you believe anything remaining needs to be addressed though and I can reopen!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Question Questions about the design or development of the editor.
Projects
None yet
Development

No branches or pull requests

3 participants