説明

カラム幅や位置を簡単にカスタマイズできる、カラムベースのレイアウトを作成したい時や、投稿全体のグローバルなレイアウトグリッドに合わせてコンテンツを配置したい時、この Layout Grid (レイアウトグリッド) ブロックを使って実現できます。また、モバイルやタブレットのブレイクポイントによって特定のレイアウトを提供するオプションもあります。1から4までの列の数を選び、どの画面にも対応するように各列のサイズを変更して配置できます。オプションで、背景色やパディングを適用して強調することもできます。

ソースコードとサポート

GitHub レポジトリで開発をフォローしたり、issue を作成したり、機能を提案したり、ソースを見たりすることができます。https://github.com/automattic/block-experiments

スクリーンショット

グリッドレイアウトセレクタ。
リサイズハンドル付きの3列グリッド。

ブロック

このプラグインは1個のブロックを提供します。

Layout Grid A Gutenberg container block to let you align items consistently across a global grid.

評価

neoswf 2023年7月25日

Test your site with this plugin and without it, on lighthouse. it costs between like 5-6 points, on mobile!!!!! It loads 45K of unused classes!!!!!!! 45K gzipped, and 186unzipped. No idea how come a company like Automattic can release a feature so funfumental, written so bad like that.

Sunny 2023年6月2日

Pretty great - keeping my eye on this one. Looking forward to seeing how it evolves.

Rick Curran 2023年2月8日

The is a more flexible replacement for the standard columns block. If you've ever battled with the standard columns to make multi-column components that adapted at mobile, tablet and desktop then I would definitely recommend this block.

Hitesh 2023年2月7日

Nice to use and apply on website.

Matt Cromwell 2021年11月4日

Already working really well. It's clean and solid and intuitive. I'm working with it with the Kadence theme and it's excellent. Hope to see this in Gutenberg core soon!

Marcus 2021年9月9日

we definitive need this in core! the default columns in gutenberg are crap.

11件のレビューをすべて表示

貢献者と開発者

Layout Grid Block はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

“Layout Grid Block” は20ロケールに翻訳されています。翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Layout Grid Block” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログを RSS で購読してみてください。

変更履歴

1.8.4 – 11th July 2023

Fix error in editor with icons

1.8.3 – 16th May 2023

Fix crash in site editor

1.8.2 – 16th June 2022

Update device preview handling to be more consistent

1.8.1 – 18th March 2022

Change layout grid to not be fullwide by default

1.8 – 25th January 2022

General updates for recent Gutenbergs

1.7.2 – 19th November 2021

Prefer site editor viewport settings when changing the preview device type

1.7.1 – 11th November 2021

Show block in excerpts

1.7 – 19th July 2021

Add initial support for WordPress mobile app
Fix incorrect behaviour of drag handles in Safari
Fix sticky block styles
Fix image right alignment

1.6 – 26th March 2021

Remove deprecated Gutenberg functions
Restore hyphenation behaviour to 1.3 – it caused too many issues
Remove Firefox fix in 1.2.4 which no longer seems to be needed and causes other issues
Merge front.css into style.css
Force grid preview to be desktop mode, to improve appearance in pattern inserter

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

説明