Layout Grid Block

説明

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

ソースコードとサポート

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

スクリーンショット

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

ブロック

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

  • Layout Grid Block
  • Layout Grid Block

評価

2020年11月22日
Very nice approach. Keep it up.
2020年10月6日
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...
2件のレビューをすべて表示

貢献者と開発者

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

貢献者

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

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

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

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

変更履歴

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