Title: Layout Grid Block
Author: Automattic
Published: <strong>2019年11月7日</strong>
Last modified: 2023年7月11日

---

プラグインを検索

![](https://ps.w.org/layout-grid/assets/banner-772x250.png?rev=2187975)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://ps.w.org/layout-grid/assets/icon-256x256.png?rev=2187977)

# Layout Grid Block

 作者: [Automattic](https://profiles.wordpress.org/automattic/)

[ダウンロード](https://downloads.wordpress.org/plugin/layout-grid.zip)

 * [詳細](https://ja.wordpress.org/plugins/layout-grid/#description)
 * [レビュー](https://ja.wordpress.org/plugins/layout-grid/#reviews)
 * [開発](https://ja.wordpress.org/plugins/layout-grid/#developers)

 [サポート](https://wordpress.org/support/plugin/layout-grid/)

## 説明

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

### ソースコードとサポート

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

## スクリーンショット

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

## ブロック

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

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

## 評価

![](https://secure.gravatar.com/avatar/d94bdc8e970ce9c05a299f54838f522dafcf3d9379cfbea2ca2c848497bb6732?
s=60&d=retro&r=g)

### 󠀁[Great block!](https://wordpress.org/support/topic/great-block/)󠁿

 [leemon](https://profiles.wordpress.org/leemon/) 2024年4月5日

Great block that allows placing and resizing blocks in a more flexible way than 
the regular columns block. I hope it is continually supported.

![](https://secure.gravatar.com/avatar/7646e4e9036ca8fcd85e18942d779ee7dd97ad7c2d218a651fc1a1d30b027b32?
s=60&d=retro&r=g)

### 󠀁[So helpful grid](https://wordpress.org/support/topic/so-helpful-grid/)󠁿

 [boibox](https://profiles.wordpress.org/boibox/) 2023年12月26日

This is very helpful grid too. Thank you!

![](https://secure.gravatar.com/avatar/69715d60af5bb1ac6979a5288bc99a5ba005664ad89e18202813439056ffb51c?
s=60&d=retro&r=g)

### 󠀁[Heavy, expensive, terrible framework design, and very limited features!!!!!](https://wordpress.org/support/topic/heavy-expensive-terrible-framework-design-and-very-limited-features/)󠁿

 [neoswf](https://profiles.wordpress.org/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.

![](https://secure.gravatar.com/avatar/773ac53bd698849a95cabd96f462f7708afc67ffd987cbaf0ec54ad0224061ea?
s=60&d=retro&r=g)

### 󠀁[Pretty great – keeping my eye on this one](https://wordpress.org/support/topic/pretty-great-keeping-my-eye-on-this-one/)󠁿

 [Sunny](https://profiles.wordpress.org/frdmsun/) 2023年6月2日

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

![](https://secure.gravatar.com/avatar/177c95a03b6c2a33b28dd95a0b265063f30b7ccbcdb568aa9713476c976f12d4?
s=60&d=retro&r=g)

### 󠀁[A more flexible replacement for the standard columns block](https://wordpress.org/support/topic/a-more-flexible-replacement-for-the-standard-columns-block/)󠁿

 [Rick Curran](https://profiles.wordpress.org/rickcurran/) 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.

![](https://secure.gravatar.com/avatar/bd32528bc2e1ce9a9b98a700015932ad83a90d1863192d4bd81fd2540f832e95?
s=60&d=retro&r=g)

### 󠀁[Good Plugin](https://wordpress.org/support/topic/good-plugin-6294/)󠁿

 [Hitesh](https://profiles.wordpress.org/alwayshits/) 2023年2月7日

Nice to use and apply on website.

 [ 13件のレビューをすべて表示 ](https://wordpress.org/support/plugin/layout-grid/reviews/)

## 貢献者と開発者

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

貢献者

 *   [ Automattic ](https://profiles.wordpress.org/automattic/)
 *   [ John Godley ](https://profiles.wordpress.org/johnny5/)
 *   [ Marcus Kazmierczak ](https://profiles.wordpress.org/mkaz/)

“Layout Grid Block” は21ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/layout-grid/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Layout Grid Block” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/layout-grid)

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

[コードを閲覧](https://plugins.trac.wordpress.org/browser/layout-grid/)するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/layout-grid/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/layout-grid/)
を [RSS](https://plugins.trac.wordpress.org/log/layout-grid/?limit=100&mode=stop_on_copy&format=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

## メタ

 *  バージョン **1.8.4**
 *  最終更新日 **3年前**
 *  有効インストール数 **200,000+**
 *  WordPress バージョン ** 5.8またはそれ以降 **
 *  検証済み最新バージョン: **6.2.9**
 *  言語
 * [Arabic](https://ar.wordpress.org/plugins/layout-grid/)、[Catalan](https://ca.wordpress.org/plugins/layout-grid/)、
   [Chinese (China)](https://cn.wordpress.org/plugins/layout-grid/)、[Chinese (Taiwan)](https://tw.wordpress.org/plugins/layout-grid/)、
   [Dutch](https://nl.wordpress.org/plugins/layout-grid/)、[Dutch (Belgium)](https://nl-be.wordpress.org/plugins/layout-grid/)、
   [English (US)](https://wordpress.org/plugins/layout-grid/)、[French (France)](https://fr.wordpress.org/plugins/layout-grid/)、
   [Galician](https://gl.wordpress.org/plugins/layout-grid/)、[German](https://de.wordpress.org/plugins/layout-grid/)、
   [Hebrew](https://he.wordpress.org/plugins/layout-grid/)、[Indonesian](https://id.wordpress.org/plugins/layout-grid/)、
   [Italian](https://it.wordpress.org/plugins/layout-grid/)、[Japanese](https://ja.wordpress.org/plugins/layout-grid/)、
   [Korean](https://ko.wordpress.org/plugins/layout-grid/)、[Norwegian (Bokmål)](https://nb.wordpress.org/plugins/layout-grid/)、
   [Portuguese (Brazil)](https://br.wordpress.org/plugins/layout-grid/)、[Russian](https://ru.wordpress.org/plugins/layout-grid/)、
   [Spanish (Spain)](https://es.wordpress.org/plugins/layout-grid/)、[Spanish (Venezuela)](https://ve.wordpress.org/plugins/layout-grid/)、
   [Swedish](https://sv.wordpress.org/plugins/layout-grid/)、[Turkish](https://tr.wordpress.org/plugins/layout-grid/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/layout-grid)
 * タグ
 * [block](https://ja.wordpress.org/plugins/tags/block/)[blocks](https://ja.wordpress.org/plugins/tags/blocks/)
   [design](https://ja.wordpress.org/plugins/tags/design/)[grid](https://ja.wordpress.org/plugins/tags/grid/)
   [layout](https://ja.wordpress.org/plugins/tags/layout/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/layout-grid/advanced/)

## 評価

 5つ星中4.7つ星

 *  [  12 5-星レビュー     ](https://wordpress.org/support/plugin/layout-grid/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/layout-grid/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/layout-grid/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/layout-grid/reviews/?filter=2)
 *  [  1 1-星レビュー     ](https://wordpress.org/support/plugin/layout-grid/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/layout-grid/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/layout-grid/reviews/)

## 貢献者

 *   [ Automattic ](https://profiles.wordpress.org/automattic/)
 *   [ John Godley ](https://profiles.wordpress.org/johnny5/)
 *   [ Marcus Kazmierczak ](https://profiles.wordpress.org/mkaz/)

## サポート

過去2ヶ月以内に解決した問題:

     0 / 1

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/layout-grid/)