Gutenberg Variable Columns

Description

Gutenberg is on its way to completely change the editing experience by moving to a block-based approach to content. It will bring more power to content editing.

This plugin will work as add-on to Gutenberg’s ‘Column’ block.

Using this plugin, you will be able to add variable width column block to Gutenberg editor. If you required to divide your content into two non-equal width then this plugin is for you.

Screenshots

  • Click on 'Add Block' button from Gutenberg editor
  • Select 'Variable Columns' block.
  • Adjust column width according to your requirement.
  • Here is the output of 'Variable Columns' block.

Installation

  1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. That’s it! Now you’re ready to use ‘Variable Columns’ block in Gutenberg.

FAQ

Where can I find ‘Variable Columns’ block in Gutenberg?

Edit any post/page with Gutenberg editor. You just need to click on ‘Add Block’ section on top-left corner of Gutenberg editor and goto Layout Elements. You’ll see ‘Variable Columns’ block in it.

How can I resize column width?

To resize column width, you just need to select ‘Variable Columns’ block and drag range control displayed under ‘Column Width’ label according to your needs from right sidebar.

Reviews

June 13, 2019
After installing this plugin, all my existing columns took on the variable column's width settings. This plugin is not limited to only its own variable column block.
February 19, 2019
I liked the concept, and the interface of changing column proportion was easy. However, two deal breakers when used on the final WordPress block editor (on WP 5.0.3): 1. It breaks the CSS for the standard WP columns on the front end 2. It behaves like a block, not a block container. With standard WP columns, I can add sub-blocks underneath. This just gives me one single content area, that is difficult to format within.
Read all 3 reviews

Contributors & Developers

“Gutenberg Variable Columns” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.2

  • readme.txt correction.

1.0.1

  • “wp-editor” added in wp_register_script. “RichText” block is moved to ‘wp-editor’ component, previously was ‘wp-blocks’ component.