WordPress.org

Make WordPress Core

Opened 3 months ago

Last modified 7 weeks ago

#50691 new enhancement

Possible Gutenberg Improvements

Reported by: snippet24 Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Editor Keywords:
Focuses: Cc:

Description

Do note I’m not the most expert WordPress user but I love it, and I wish the best for it, hence I decided to put into words how Gutenberg could improve, based on my experience with drag and drop builders.

  1. Usual problem with Visual builders is performance, but if Gutenberg works maybe as Mailchimp builder in this regard, which is the best performing of all the DDB I used with 100 of 100 score in Pagespeed, would have overcomed the main reason to avoid Drag and drop builders.
  1. Another important aspect to improve as well: is to have perhaps a "Bootstrap for WordPress" like builder in the like of https://www.layoutit.com/build which has a grid system used by drag and drop and the components. Currently Gutenberg doesn't have rows, columns aren’t as visible as in Layoutit, and It would be great it could do drag and drop of a column to another row or layout as is posible in Layoutit, which is pretty neat.
  1. What Layoutit doesn’t have though and would be very useful is a support for different behaviors on different screen sizes, which could be tweaked intuitively by non devs. But by all means don’t go the Wix Builder route for responsive, which is a basically a trimmed down mobile version based on the desktop version, you can only use the same content for mobile based on the desktop and only changing their order, hide blocks, can’t change styles for a given element only in mobile, and it gets messy and worst for tablets, quoting an email:

“Wix sites are compatible for viewing on iPads and tablets. On Android tablets, visitors see the mobile-friendly version of your site. On iPads, visitors see the desktop version of your site.”

  1. Maybe Instead of blocks for everything, use blocks per type of content perhaps. One block for WYSIWYG Editor maybe for “text”, which is more or less the approach used for Mailchimp builder.
  1. Also it would be very useful to always allow to switch to code for each block (which seems to be already so please don’t take it away!) and ability to export to code/import code directly for the whole page or a part of it.

Change History (5)

This ticket was mentioned in Slack in #forums by snippet24. View the logs.


3 months ago

#2 @sabernhardt
2 months ago

  • Component changed from General to Editor

#3 @sabernhardt
2 months ago

@snippet24 Thanks for the suggestions!

Regarding a few of them:

2) There currently are a few Bootstrap block plugins, and there is at least one other that creates grid-based blocks.

4) The standard "Classic" block allows different types of content within the same block. It can have multiple paragraphs, as well as headings and media.

5) For export/import, would converting the block to a reusable block meet your needs for re-purposing code on another page?

#4 @snippet24
2 months ago

I apologize for the delay as soon as I try them out I will report back. Last point I meant the resulting code, but if that's not feasible then yes that would be a good option.

Regards

#5 @snippet24
7 weeks ago

Ok tried them out and I'm afraid I got lost, I guess it would be just not as intuitive for an average client. Maybe current layout structure should be always visible (with labels for the type opf block) and not only on hover; without the need to use "block navigation". While on the other hand display buttons for re-arrange and delete for a block on hover. And the list of modules/blocks be visible on a sidebar always, specially most used. Also instead of offering how many columns to add just a block for a column, which means that each time you add a block you increase the number of total column blocks.

Tested these plugins :
https://wordpress.org/plugins/wp-bootstrap-blocks/
https://wordpress.org/plugins/advanced-bootstrap-blocks/
https://wordpress.org/plugins/layout-grid/

Hope is of help

Note: See TracTickets for help on using tickets.