這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Gutenberg Variable Columns

外掛說明

Gutenberg has completely changed the editing experience by introducing block-based editor (earlier Gutenberg). It brought 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 are looking to divide your page/post content into two non-equal width then this plugin is for you.

螢幕擷圖

  • 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.

安裝方式

  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.

常見問題集

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.

使用者評論

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 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.
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 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Gutenberg Variable Columns〉的開發相關工作。

參與者

〈Gutenberg Variable Columns〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Gutenberg Variable Columns〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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.