Title: Variable Column Block Author: Ramiz Manked Published: 01.11.2018 Last modified: 02.01.2023 --- Шукати плагіни ![](https://ps.w.org/variable-column-block/assets/banner-772x250.jpg?rev=2842333) Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо, він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності при використанні з більш новими версіями WordPress. ![](https://ps.w.org/variable-column-block/assets/icon.svg?rev=2842333) # Variable Column Block Від автора [Ramiz Manked](https://profiles.wordpress.org/ramizmanked/) [Завантажити](https://downloads.wordpress.org/plugin/variable-column-block.zip) * [Деталі](https://uk.wordpress.org/plugins/variable-column-block/#description) * [Відгуки](https://uk.wordpress.org/plugins/variable-column-block/#reviews) * [Встановлення](https://uk.wordpress.org/plugins/variable-column-block/#installation) * [Розробка](https://uk.wordpress.org/plugins/variable-column-block/#developers) [Підтримка](https://wordpress.org/support/plugin/variable-column-block/) ## Опис 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. ## Скріншоти * [[ * 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. ## Блоки Цей плагін надає 1 блок. * Variable Column Block Allows you to add variable width block into your post/ page. ## Встановлення ### 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! ## Часті питання ### 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. ## Відгуки ![](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/) 28.10.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/) 04.09.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/) 13.06.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/) 19.02.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/) 19.02.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. [ Прочитати всі 5 відгуків ](https://wordpress.org/support/plugin/variable-column-block/reviews/) ## Учасники та розробники “Variable Column Block” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники: Учасники * [ Ramiz Manked ](https://profiles.wordpress.org/ramizmanked/) “Variable Column Block” було перекладено на 1 локалізацію. Дякуємо [перекладачам](https://translate.wordpress.org/projects/wp-plugins/variable-column-block/contributors) за їх роботу. [Перекладіть “Variable Column Block” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/variable-column-block) ### Цікавитесь розробкою? [Перегляньте код](https://plugins.trac.wordpress.org/browser/variable-column-block/), перегляньте [сховище SVN](https://plugins.svn.wordpress.org/variable-column-block/) або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/variable-column-block/) за допомогою [RSS](https://plugins.trac.wordpress.org/log/variable-column-block/?limit=100&mode=stop_on_copy&format=rss). ## Журнал змін #### 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. ## Мета * Версія **1.2.3** * Останнє оновлення **3 роки тому** * Активних встановлень **90+** * Версія WordPress ** 6.1 або вище ** * Tested up to **6.1.10** * Версія PHP ** 8.0 або вище ** * Мови * [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/variable-column-block/) і [English (US)](https://wordpress.org/plugins/variable-column-block/). * [Перекладіть на свою мову](https://translate.wordpress.org/projects/wp-plugins/variable-column-block) * Позначка * [block](https://uk.wordpress.org/plugins/tags/block/) * [Розширений перегляд](https://uk.wordpress.org/plugins/variable-column-block/advanced/) ## Оцінки 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/) ## Учасники * [ Ramiz Manked ](https://profiles.wordpress.org/ramizmanked/) ## Підтримка Є що сказати? Потрібна допомога? [Перейти в форум підтримки](https://wordpress.org/support/plugin/variable-column-block/)