Title: Variable Column Block Author: Ramiz Manked Published: 2018 年 11 月 1 日 Last modified: 2023 年 1 月 2 日 --- 搜索插件 ![](https://ps.w.org/variable-column-block/assets/banner-772x250.jpg?rev=2842333) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的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://cn.wordpress.org/plugins/variable-column-block/#description) * [评价](https://cn.wordpress.org/plugins/variable-column-block/#reviews) * [安装](https://cn.wordpress.org/plugins/variable-column-block/#installation) * [开发进展](https://cn.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⌉⌊Click on 'Block Inserter' button from editor⌉[ Click on ‘Block Inserter’ button from editor [⌊Select 'Variable Column' block.⌉⌊Select 'Variable Column' block.⌉[ Select ‘Variable Column’ block. [⌊Adjust column width according to your requirement.⌉⌊Adjust column width according to your requirement.⌉[ Adjust column width according to your requirement. [⌊Here is the output of 'Variable Column' block.⌉⌊Here is the output of 'Variable Column' block.⌉[ 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/) 2019 年 10 月 28 日 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/) 2019 年 9 月 4 日 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/) 2019 年 6 月 13 日 1 回复 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/) 2019 年 2 月 19 日 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/) 2019 年 2 月 19 日 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/)，或通过[RSS](https://plugins.trac.wordpress.org/log/variable-column-block/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/variable-column-block/)。 ## 更新日志 #### 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 或更高版本 ** * 已测试的最高版本为 **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://cn.wordpress.org/plugins/tags/block/) * [高级视图](https://cn.wordpress.org/plugins/variable-column-block/advanced/) ## 评级 3 星（最高 5 星）。 * [ 2 条 5 星评价 ](https://wordpress.org/support/plugin/variable-column-block/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/variable-column-block/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/variable-column-block/reviews/?filter=3) * [ 2 条 2 星评价 ](https://wordpress.org/support/plugin/variable-column-block/reviews/?filter=2) * [ 1 条 1 星评价 ](https://wordpress.org/support/plugin/variable-column-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/variable-column-block/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/variable-column-block/reviews/) ## 贡献者 * [ Ramiz Manked ](https://profiles.wordpress.org/ramizmanked/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/variable-column-block/)