Title: Layout Grid 区块 Author: Automattic Published: 2019 年 11 月 7 日 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 区块 作者：[Automattic](https://profiles.wordpress.org/automattic/) [下载](https://downloads.wordpress.org/plugin/layout-grid.zip) * [详情](https://cn.wordpress.org/plugins/layout-grid/#description) * [评价](https://cn.wordpress.org/plugins/layout-grid/#reviews) * [开发进展](https://cn.wordpress.org/plugins/layout-grid/#developers) [支持](https://wordpress.org/support/plugin/layout-grid/) ## 描述 想要创建一个基于列的版面并且带有简单的自定义列宽度以及位置？或者也许你想要对齐你的 内容到一个全局的网格，通过你的文章。通过Layout Grid 区块你可以将这些纳入囊中。这里 同样有选项可以提供一些指定的Layout来支持手机或者平板的断点。选择一系列的columns( 1-4)，然后继续并且重新调整位置，每一列你想要看到的，用于任意屏幕。(可选的) 应用背景 颜色以及内边距来添加重点。 ### 源和支持 你可以跟随开发，抛出一个问题，建议一些功能，并且可以在Github上面查看仓库：[https://github.com/automattic/block-experiments](https://github.com/automattic/block-experiments) ## 屏幕截图 * [[ * Grid Layout 选择器 * [[ * 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 区块」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Automattic ](https://profiles.wordpress.org/automattic/) * [ John Godley ](https://profiles.wordpress.org/johnny5/) * [ Marcus Kazmierczak ](https://profiles.wordpress.org/mkaz/) 「Layout Grid 区块」插件已被翻译至 21 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/layout-grid/contributors) 为本插件所做的贡献。 [帮助将「Layout Grid 区块」翻译成简体中文。](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 * 删除不推荐使用的古腾堡函数 * 将断字行为恢复到 1.3 – 它导致了太多问题 * 删除 1.2.4 中似乎不再需要的 Firefox 修复程序并导致其他问题 * 将 front.css 合并到 style.css 中 * 强制网格预览为桌面模式，用来优化inserter的外观. #### 1.5 – 8th February 2021 * 改进较小设备上的编辑器响应行为 * 将最低 WordPress 版本提高到 5.6 #### 1.4 – 15th January 2021 * 对网格列内的文本使用连字符 * 为具有自定义背景颜色的列添加缺少的 `has-background` * 修复 CSS 以在完整站点编辑器中使用 #### 1.3 – 21st July 2020 * 添加垂直对齐到网格以及网格列 * 带编辑器预览断点的镜像网格设备断点（需要 WP 5.5 或 Gutenberg 插件） * 最低限度的WordPress版本提高到5.5 #### 1.2.4 – 14th July 2020 * 修复 Firefox 中的一些块在网格之外断裂 * 修复编辑器边距用于一些主题 #### 1.2.3 – 29th June 2020 * 修复一些没有能在编辑器中加载的style #### 1.2.2 – 23rd June 2020 * 修复 1.2.1 中的 CSS 加载修复，使其使用 wp_register_style #### 1.2.1 – 10th June 2020 * 修复块插入器以显示在网格列内 * 修复编辑器中的垂直边距，使其更好地匹配显示 * 修复 CSS 加载，以便仅在使用块时添加 * 修复选择内部块时出现的网格线 #### 1.2 – 29th April 2020 * 将选定的断点移动到工具栏并允许它被切换 * 将最低 WordPress 版本提高到 5.4 * 改进拖动手柄行为 * 修复网格块内的多选 * 修复网格前端 CSS 的输出 * 修复全宽时尺寸关闭的问题 * 修复列布局更改时添加的旧类 #### 1.1 – 10th March 2020 * 添加选项来禁用开始和结束 gutters 用于全出血版面 * 添加选项以控制 gutter 大小 * 修复 Firefox 100% 高度错误，当多个块位于一列内时 * 提升IE 11 支持 #### 1.0.5 – 28th January 2020 * 修复了那些不支持Gutenberg的主题的编辑器布局 #### 1.0.4 – 21st January 2020 * 修复古腾堡 7.3 的布局问题 #### 1.0.3 – 12th December 2019 * 修复在 7.1.0 编辑器中被忽略的网格值 * 修复在组块内时网格的裁剪 #### 1.0.2 – 28th November 2019 * 修复重复列跨度的错误 #### 1.0.1 – 26th November 2019 * 修复编辑历史将块置于中间状态的问题 * 修复编辑器中网格的裁剪 #### 1.0 – 7th November 2019 * 初始化版本 ## 额外信息 * 版本 **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://cn.wordpress.org/plugins/tags/block/)[blocks](https://cn.wordpress.org/plugins/tags/blocks/) [design](https://cn.wordpress.org/plugins/tags/design/)[grid](https://cn.wordpress.org/plugins/tags/grid/) [layout](https://cn.wordpress.org/plugins/tags/layout/) * [高级视图](https://cn.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/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/layout-grid/)