Title: Gridify
Author: elpuas
Published: <strong>2023 年 1 月 9 日</strong>
Last modified: 2023 年 2 月 19 日

---

搜索插件

![](https://ps.w.org/gridify/assets/banner-772x250.jpg?rev=2867789)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/gridify_c1f600.svg)

# Gridify

 作者：[elpuas](https://profiles.wordpress.org/elpuas/)

[下载](https://downloads.wordpress.org/plugin/gridify.zip)

 * [详情](https://cn.wordpress.org/plugins/gridify/#description)
 * [评价](https://cn.wordpress.org/plugins/gridify/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/gridify/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/gridify/#developers)

 [支持](https://wordpress.org/support/plugin/gridify/)

## 描述

A block that allows you to set a CSS Grid layout and arrange child blocks within
it. This block allows you to easily create a CSS grid layout within your WordPress
posts and pages. You can control the number of columns and rows, as well as the 
gap between grid items. You can also set responsive breakpoints to adjust the number
of columns displayed on different screen sizes.
 _NOTE_: Gridify items will always
start at column and row 1. To see your grid layout in a more structured way, use
the Document overview / List view option in the editor.

## 屏幕截图

[⌊To find the block in the block library, type "layout" in the search bar.⌉⌊To find
the block in the block library, type "layout" in the search bar.⌉[

To find the block in the block library, type “layout” in the search bar.

[⌊Use the Gridify Item settings to arrange your blocks in a grid.⌉⌊Use the Gridify
Item settings to arrange your blocks in a grid.⌉[

Use the Gridify Item settings to arrange your blocks in a grid.

[⌊Use the Gridify block settings to easily build grids.⌉⌊Use the Gridify block settings
to easily build grids.⌉[

Use the Gridify block settings to easily build grids.

[⌊Click the Show Grid Layout toggle to review your Grid.⌉⌊Click the Show Grid Layout
toggle to review your Grid.⌉[

Click the Show Grid Layout toggle to review your Grid.

[⌊Use the Gridify Block settings to move items across the grid.⌉⌊Use the Gridify
Block settings to move items across the grid.⌉[

Use the Gridify Block settings to move items across the grid.

[⌊Use the Gridify Block settings to freely arrange items inside the block and display
them seamlessly on the frontend.⌉⌊Use the Gridify Block settings to freely arrange
items inside the block and display them seamlessly on the frontend.⌉[

Use the Gridify Block settings to freely arrange items inside the block and display
them seamlessly on the frontend.

## 区块

该插件提供了 2 个区块.

 *   Gridify A block that allows you to set a CSS Grid layout and arrange child 
   blocks within it.
 *   Gridify Item A single item within a Gridify block.

## 安装

 1. Download the plugin zip file or install the plugin through the WordPress plugins
    screen directly.
 2. Go to the WordPress dashboard and navigate to Plugins > Add New.
 3. Click the “Upload Plugin” button and select the zip file you just downloaded.
 4. Click the “Install Now” button and activate the plugin.
 5. The block will now be available in the editor under the “Layout” category.

## 评价

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

### 󠀁[Easy and useful](https://wordpress.org/support/topic/easy-and-useful-142/)󠁿

 [Lax Mariappan](https://profiles.wordpress.org/lakshmananphp/) 2023 年 1 月 11 
日

Thanks to this CSS grid plugin. It helps me to use grids without writing CSS. A 
must have one for backend engineers like me with little CSS knowledge

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/gridify/reviews/)

## 贡献者及开发者

「Gridify」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ elpuas ](https://profiles.wordpress.org/elpuas/)

[帮助将「Gridify」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/gridify)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/gridify/)，查看[SVN仓库](https://plugins.svn.wordpress.org/gridify/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/gridify/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/gridify/)。

## 更新日志

#### 2.0.0

 * Add a Toggle Control to show your grid layout.
 * Change from inline styles to set the columns and rows, to use only CSS Variables.

#### 1.0.2

 * Update Tested Up WordPress version to Latest.

#### 1.0.1

 * Update Readme files and Description.

#### 1.0.0

 * Release

## 额外信息

 *  版本 **2.0.0**
 *  最后更新：**3 年前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 5.8 或更高版本 **
 *  已测试的最高版本为 **6.1.10**
 *  PHP 版本 ** 7.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/gridify/)
 * 标签
 * [block](https://cn.wordpress.org/plugins/tags/block/)
 *  [高级视图](https://cn.wordpress.org/plugins/gridify/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/gridify/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/gridify/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/gridify/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/gridify/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/gridify/reviews/?filter=1)

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

[查看全部评论](https://wordpress.org/support/plugin/gridify/reviews/)

## 贡献者

 *   [ elpuas ](https://profiles.wordpress.org/elpuas/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/gridify/)