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)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 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://tw.wordpress.org/plugins/layout-grid/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/layout-grid/#reviews)
 * [開發資訊](https://tw.wordpress.org/plugins/layout-grid/#developers)

 [技術支援](https://wordpress.org/support/plugin/layout-grid/)

## 外掛說明

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](https://github.com/automattic/block-experiments)

## 螢幕擷圖

 * [[
 * Grid layout selector.
 * [[
 * Three column grid with resize handles.

## 適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   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/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/layout-grid/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/layout-grid/)。

## 變更記錄

#### 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 或更新版本 **
 *  已測試相容的 WordPress 版本 **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://tw.wordpress.org/plugins/tags/block/)[blocks](https://tw.wordpress.org/plugins/tags/blocks/)
   [design](https://tw.wordpress.org/plugins/tags/design/)[grid](https://tw.wordpress.org/plugins/tags/grid/)
   [layout](https://tw.wordpress.org/plugins/tags/layout/)
 *  [進階檢視](https://tw.wordpress.org/plugins/layout-grid/advanced/)

## 評分

 4.7 星，滿分為 5 星

 *  [  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 個月解決的問題:

     總計 1 個問題，已解決 0 個

 [檢視技術支援論壇](https://wordpress.org/support/plugin/layout-grid/)