Description
The Extra Block Layout plugin introduces a min-width setting and a flex-grow toggle for child blocks within Rows, giving you precise control over your layout’s responsiveness and flexibility.
With this plugin, you can define minimum widths for individual blocks and adjust the space they occupy, making it easier to create dynamic, responsive, and well-balanced designs directly within the Gutenberg editor.
Perfect for users looking to achieve professional and customizable layouts without additional coding.
Use cases
When you create a layout using the Gutenberg’s Row block there are three options available for the Row’s child blocks: Fit, Fill and Fixed.
Those are not enough to create a responsive layout with specific blocks sizes.
For example, when you have one of the child blocks too narrow and would like to have an option to set a minimal width for it (see Screenshot-1).
When the child blocks don’t have enough space to fit and moves on the line below it does not stretch to fit the whole available space on the new line (see Screenshot-2).
Screenshots
Installation
- Download the plugin ZIP file from the WordPress Plugin Directory, or install the plugin via the WordPress plugin installer.
- Extract the ZIP file (if downloaded from WordPress Plugin Directory).
- Upload the plugin folder to the wp-content/plugins/ directory of your WordPress installation.
- Activate the Squeeze plugin from the WordPress plugins dashboard.
FAQ
-
Does this plugin add a new block to the Gutenberg Editor?
-
No, it adds new options to your existing blocks.
-
Where can I find those new options?
-
They are available for the direct child blocks of the native Row Gutenberg Block. Select the child block, switch to the Styles tab and you will see new options under the Dimensions panel.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Extra Block Options” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Extra Block Options” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0
- First release.
- Added min-width and flex-grow properties.