Title: Variable Column Block Author: Ramiz Manked Published: November 1, 2018 Last modified: January 2, 2023 --- Search plugins ![](https://ps.w.org/variable-column-block/assets/banner-772x250.jpg?rev=2842333) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/variable-column-block/assets/icon.svg?rev=2842333) # Variable Column Block By [Ramiz Manked](https://profiles.wordpress.org/ramizmanked/) [Download](https://downloads.wordpress.org/plugin/variable-column-block.zip) * [Details](https://wordpress.org/plugins/variable-column-block/#description) * [Reviews](https://wordpress.org/plugins/variable-column-block/#reviews) * [Installation](https://wordpress.org/plugins/variable-column-block/#installation) * [Development](https://wordpress.org/plugins/variable-column-block/#developers) [Support](https://wordpress.org/support/plugin/variable-column-block/) ## Description WordPress has completely changed the editing experience by introducing block-based editor (earlier Gutenberg). It definitely has brought more power to content editing. This plugin will work as add-on to WordPress ‘Column’ block which will allow you to add variable width column block to editor. If you are looking for dividing your page/post content into two non-equal width then this plugin is for you. ## Screenshots * [[ * Click on ‘Block Inserter’ button from editor * [[ * Select ‘Variable Column’ block. * [[ * Adjust column width according to your requirement. * [[ * Here is the output of ‘Variable Column’ block. ## Blocks This plugin provides 1 block. * Variable Column Block Allows you to add variable width block into your post/ page. ## Installation ### Install from WordPress plugin dashboard 1. Visit the plugins page within your dashboard and select ‘Add New’; 2. Search for ‘Variable Column Block’; 3. Install & Activate ‘Variable Column Block’; 4. That’s really it! ## FAQ ### Where can I find ‘Variable Column’ block in WordPress? Edit any post/page with block editor and click on Block Inserter on top-left corner next to site logo. Inside Search box, search for ‘Variable Column’ to find the block and click it. ### How can I resize column width? To resize column width, you just need to select ‘Variable Column’ block and drag range control displayed under ‘Column Width’ label from block settings on right. ## Reviews ![](https://secure.gravatar.com/avatar/a5479400a889ece88bb2d7648ccabda4f8401a7066fc5ade517b63c4b3269fa0? s=60&d=retro&r=g) ### 󠀁[Using JS to provide the front-end layout is not ideal](https://wordpress.org/support/topic/using-js-to-provide-the-front-end-layout-is-not-ideal/)󠁿 [Tuuuukka](https://profiles.wordpress.org/tuuuukka/) October 28, 2019 The idea is neat, but I think using JS on the front-end is a bit overkill and bad for the UX. The layout is created on when the document finishes loading, so with a bad network or a heavy content on the page it looks jumpy. I’d use a specific class on the wrapper element, like first-col-XXX, where the XXX is the width of the first column. And then I’d use CSS to style the first child, like flex-basis: XXX and so on.. ![](https://secure.gravatar.com/avatar/ec3470090cd54ba3622bda8a9c88a9792a3c5056de8e1c8ea1ff07d9c059949a? s=60&d=retro&r=g) ### 󠀁[Doesn’t work in WP 5.2.2](https://wordpress.org/support/topic/doesnt-work-in-wp-5-2-2/)󠁿 [mediafluent](https://profiles.wordpress.org/mediafluent/) September 4, 2019 Range control displayed under ‘Column Width’ does not show up. When it’s fixed and works I’ll update review. ![](https://secure.gravatar.com/avatar/394526d127bb65d63bd9c3d1c820fa8f345aef786b4e311aa8e2cdda9436b9ef? s=60&d=retro&r=g) ### 󠀁[Affects all columns](https://wordpress.org/support/topic/affects-all-columns/)󠁿 [grezes](https://profiles.wordpress.org/grezes/) June 13, 2019 1 reply 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. ![](https://secure.gravatar.com/avatar/6126f5ed8b48413b7c1d72104442dc73fe9c8bddb8efa88d94764754714811ac? s=60&d=retro&r=g) ### 󠀁[Only can create for two uneven column](https://wordpress.org/support/topic/only-can-create-for-two-uneven-column/)󠁿 [Gnanasekaran Loganathan](https://profiles.wordpress.org/gnanasekaran/) February 19, 2019 This Variable column can only create two columns in a row and change the width only for those two. We could not add more columns using this. ![](https://secure.gravatar.com/avatar/7e62ea762188da4b1a79c36114dea36e0e0e37812e3cff7a8bbfea9bc26e3254? s=60&d=retro&r=g) ### 󠀁[Great concept, but needs work](https://wordpress.org/support/topic/great-concept-but-needs-work/)󠁿 [hayfordoleary](https://profiles.wordpress.org/hayfordoleary/) 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 5 reviews ](https://wordpress.org/support/plugin/variable-column-block/reviews/) ## Contributors & Developers “Variable Column Block” is open source software. The following people have contributed to this plugin. Contributors * [ Ramiz Manked ](https://profiles.wordpress.org/ramizmanked/) “Variable Column Block” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/variable-column-block/contributors) for their contributions. [Translate “Variable Column Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/variable-column-block) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/variable-column-block/), check out the [SVN repository](https://plugins.svn.wordpress.org/variable-column-block/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/variable-column-block/) by [RSS](https://plugins.trac.wordpress.org/log/variable-column-block/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.2.3 * Update plugin assets. #### 1.2.2 * Change readme.txt #### 1.2.1 * Fix – Update plugin assets #### 1.2.0 * Fix – broken block due to recent WordPress core component updates. * Introducing block.json for developer and performance benefits. #### 1.1.0 * Major release – Now it is possible to add other blocks within Variable Column Block. * Fixed the issues reported on plugin support page. #### 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. ## Meta * Version **1.2.3** * Last updated **3 years ago** * Active installations **90+** * WordPress version ** 6.1 or higher ** * Tested up to **6.1.10** * PHP version ** 8.0 or higher ** * Languages * [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/variable-column-block/) and [English (US)](https://wordpress.org/plugins/variable-column-block/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/variable-column-block) * Tag * [block](https://wordpress.org/plugins/tags/block/) * [Advanced View](https://wordpress.org/plugins/variable-column-block/advanced/) ## Ratings 3 out of 5 stars. * [ 2 5-star reviews ](https://wordpress.org/support/plugin/variable-column-block/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/variable-column-block/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/variable-column-block/reviews/?filter=3) * [ 2 2-star reviews ](https://wordpress.org/support/plugin/variable-column-block/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/variable-column-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/variable-column-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/variable-column-block/reviews/) ## Contributors * [ Ramiz Manked ](https://profiles.wordpress.org/ramizmanked/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/variable-column-block/)