Layout Grid Block

By Automattic

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

4.7

Rating summary

Reviews

100K

Active installations

Download the Plugin

Overview

Compatibility

Customer support & learning resources

Changelog

Main benefits

Customizable column-width and positions

Align content to global grid

Specific layouts for breakpoints

Background colours and paddings

About this plugin

Author: Automattic

Categories: Design and Customization

Version: 1.8.4

Last updated: 11-07-2023

WordPress version: 5.8

Tested up to: 6.2.6

PHP version required: false

Languages: العربية, Català [+19]

Tags:

Layout Design Grid Block Blocks

Learning resources: View resources

Overview

The Layout Grid block plugin for WordPress enables users to create sophisticated, column-based layouts that are customizable in terms of column width and positioning. It allows content alignment to a global layout grid across posts, with flexible options to define specific layouts for different devices, including mobile and tablets. Users can choose between 1 to 4 columns, resizing and positioning each as desired for optimal screen display. Additional customization options include applying background colors and padding to highlight content. For further development, issue tracking, or feature suggestions, users can access the plugin's source and support on its GitHub repository.

Customizable Column-Based Layout

Easily create a column-based layout.
Customize column-width and positions.

Global Layout Grid Alignment

Align content to a global layout grid.
Ensure consistent layout across posts.

Responsive Design Options

Provide specific layouts for mobile or tablet breakpoints.
Adjust columns for any screen size.

Enhanced Visual Customization

Apply background colours to columns.
Add paddings to emphasize content.

Features list

Feature

Premium version

Query and display WordPress content

Query and display WordPress content from post types, taxonomy terms, or users.

Display and filter products

Display and filter products from WooCommerce and Easy Digital Downloads.

Query posts or media

Query posts or media from Media Library.

Advanced queries for blog posts

Make advanced queries to display blog posts.

Create faceted grids

Create faceted grids from post types, taxonomy terms, or users.

Grids and carousels layouts

Create grids and carousels with Masonry, Justified, or Metro layouts.

Sophisticated appearance design

Build and design sophisticated appearance with a powerful card builder.

Pre-made cards

20+ pre-made cards included.

Custom Fields Integration

Custom Fields Integration with ACF, Meta Box, and Pods plugins.

Advanced facets creation

Create advanced facets to filter WordPress content.

Available facets

20+ facets available.

Smart filtering system

Smart filtering system with Ajax.

Developer-friendly features

Developer-friendly with hooks and custom facet types.

Filter 3rd party content

Use facets to filter 3rd party content.

Lightning fast filtering

Lightning fast filtering system powered by Ajax.

Pricing

WP Grid Builder

$49 / one-time

Plan includes

Query and display WordPress content

Display and filter products

Query posts or media

Advanced queries for blog posts

Create faceted grids

Grids and carousels layouts

Sophisticated appearance design

Pre-made cards

Buy Now

In some cases companies have different prices based on various components like a location. As a result the prices displayed here can differ from the ones you see on their websites.

See all pricing options

Rating and reviews

4.7

Rating summary

Reviews

100K

Active installations

User sentiment analysis

Users appreciate this WordPress plugin for its versatility and flexibility in placing and resizing blocks, offering a more effective solution than the standard columns block. It is especially helpful for creating responsive multi-column layouts that adapt well to different devices such as mobiles, tablets, and desktops. Many find it intuitive, clean, and solid, and it significantly enhances website design experiences, particularly when used with themes like Kadence. However, a significant drawback is its performance impact, as it loads a substantial amount of unused code (45K gzipped, 186K unzipped), which negatively affects site speed and Lighthouse scores. Some users have had to modify the plugin for better customization and performance.

leemon

05 Apr, 2024

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

boibox

26 Dec, 2023

This is very helpful grid too. Thank you!

neoswf

25 Jul, 2023

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. This topic was modified 12 months ago by neoswf.

Sunny

02 Jun, 2023

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

Rick Curran

08 Feb, 2023

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.

See All Reviews

More plugins like this

See all

Layout Grid Block

Overview

Compatibility

Customer support & learning resources

Changelog

Main benefits

About this plugin

Overview

Customizable Column-Based Layout

Global Layout Grid Alignment

Responsive Design Options

Enhanced Visual Customization

Features list

Pricing

Plan includes

Rating and reviews

User sentiment analysis

More plugins like this

Spectra – WordPress Gutenberg Blocks

Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE

Genesis Blocks

Snow Monkey Editor

FAQ

What is the Layout Grid block plugin used for?

How many columns can I create with the Layout Grid block?

Can I customize the layout for different screen sizes?

Is it possible to apply background colors and paddings to the columns?

Where can I follow the development or suggest features for the Layout Grid block?

Can I resize and position each column individually?

Is the Layout Grid block plugin compatible with other WordPress blocks?

Do I need coding skills to use the Layout Grid block plugin?