该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

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.

评价

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..
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.
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条评价

贡献者及开发者

“Variable Column Block” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

「Variable Column Block」插件已被翻译至 1 种本地化语言。 感谢所有译者为本插件所做的贡献。

将“Variable Column Block”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过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.