Layout Grid Block

Описание

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.

Блоки

Этот плагин предоставляет 2 блока.

  • Layout Grid Block
  • Layout Grid Block

Отзывы

04.04.2021
One of my (very, very few) essential plugins for WP. It makes building layout a breeze. I made my own fork and build though, to make some changes: -I changed the basic gutter values to CSS variables, so now I can use my own values. -I changed to media queries as well, for my setup. -I changed the editor visually a bit, to make it look like an editor, see columns etc, but that's just a personal preference. And what I couldn't do, but would be nice to have, to change the order of columns, and the number of rows on mobile/tablet, when it starts collapsing. But again, it's essential, and should be part of core WP. Thanks guys!
06.10.2020
Started using this block layout on a WordPress.com site as it was just there by default, then when I realised it wasn't available on my WordPress sites, I had to go get it. Very handy layout...
Посмотреть все 3 отзыва

Участники и разработчики

«Layout Grid Block» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«Layout Grid Block» переведён на 18 языков. Благодарим переводчиков за их работу.

Перевести «Layout Grid Block» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

1.5 — 8th February 2021

  • Improve editor responsive behaviour on smaller devices
  • Bump minimum WordPress version to 5.6

1.4 — 15th January 2021

  • Use hyphenation for text inside a grid column
  • Add missing has-background for columns with a custom background colour
  • Fix CSS for use in full site editor

1.3 — 21st July 2020

  • Add vertical alignment to grid and grid columns
  • Mirror grid device breakpoint with editor preview breakpoint (requires WP 5.5 or Gutenberg plugin)
  • Bump minimum WordPress version to 5.5

1.2.4 — 14th July 2020

  • Fix some blocks breaking outside of the grid in Firefox
  • Fix editor margins for some themes

1.2.3 — 29th June 2020

  • Fix some styles not loading in the editor

1.2.2 — 23rd June 2020

  • Fix the CSS loading fix from 1.2.1 so it uses wp_register_style

1.2.1 — 10th June 2020

  • Fix block inserter to show inside a grid column
  • Fix vertical margin in editor so it better matches the display
  • Fix CSS loading so it is only added when block is used
  • Fix grid lines appearing when inner block is selected

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