Layout Grid Block

Description

Want to create a column-based layout with easily customizable column-width and positions? Or perhaps you want to align your content to a global layout grid across your post. With this Layout Grid block you can do both or either. There are also options to provide specific layouts to mobile or tablet breakpoints. Pick a number of columns (1-4), then go ahead and resize and position each column as you want them to look, for any screen. Optionally apply background colours and paddings to add emphasis.

Source and Support

You can follow development, file an issue, suggest features, and view the source at the Github repo: https://github.com/automattic/block-experiments

屏幕截图

  • Grid layout selector.
  • Three column grid with resize handles.

Blocks

This plugin provides 2 blocks.

jetpack/layout-grid
Layout Grid Block
jetpack/layout-grid-column
Layout Grid Block

Reviews

此插件暂无评论。

Contributors & Developers

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

Contributors

“Layout Grid Block” 已翻译成16 语言环境。 感谢译者的贡献。

将“Layout Grid Block”翻译成您的语言。

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

更新日志

= 1.2 – 29th April 2020
* Move the selected breakpoint to the toolbar and allow it to be toggled
* Bump minimum WordPress version to 5.4
* Improve drag handle behaviour
* Fix multi-select inside grid blocks
* Fix output of grid front-end CSS
* Fix issue with sizing being off when full-wide
* Fix old classes being added when column layout changes

1.1 – 10th March 2020

  • Add option to disable start and end gutters for full-bleed layout
  • Add option to control gutter size
  • Fix a Firefox 100% height bug when multiple blocks are inside one column
  • Improve IE11 support

1.0.5 – 28th January 2020

  • Fix editor layout issues with themes that don’t support Gutenberg

1.0.4 – 21st January 2020

  • Fix layout issues with Gutenberg 7.3

1.0.3 – 12th December 2019

  • Fix grid values being ignored in the 7.1.0 editor
  • Fix cropping of grid when inside a group block

1.0.2 – 28th November 2019

  • Fix a bug with duplicate column spans

1.0.1 – 26th November 2019

  • Fix problem with edit history putting the block into an inbetween state
  • Fix cropping of the grid in the editor

1.0 – 7th November 2019

  • Initial release