This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Description

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.

Screenshots

  • 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 block settings to easily build grids.

  • 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 freely arrange items inside the block and display them seamlessly on the frontend.

Blocks

This plugin provides 2 blocks.

  • 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.

Installation

  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.

Reviews

11 Eanáir, 2023
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
Read all 1 review

Contributors & Developers

“Gridify” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Gridify” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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