Grid Block

Description

Grid Block is a new grid creation plugin for WordPress. Grid block plugin adds a new block for the Gutenberg editor. The idea was to create something very simple as an alternative to the default Columns block.

We wanted to keep this block light-weight. We use this plugin inhouse as a corner stone for building websites for our clients. This is a no bloat, no extras, no overheads plugin, all you get is a grid block for your editor.

This plugin would suit a developer who needs the basic grid system to build a custom theme and other blocks.

Based on the 12 column grid system. Allows responsive controls of the columns.

Grid block requires only a tiny css file on the frontend to run, no JavaScript. Grid block has been tested with Autoptimize caching plugin. The css file for the grid block is easily bundled by autoptimize.

If you have suggestions for the grid block plugin, please let me know. I have recently added horizontal alignment for the block columns. In the next update I’m planning to add background color/image controls for the grid block and for the column block.

FOLLOW ALONG

Lives under ‘Layout Elements’ category.

Screenshots

  • Select the default grid layout
  • Basic 3 column layout
  • Select a column to adjust responsive width of the column.

Installation

This section describes how to install the plugin and get it working.

  1. Upload grid-block.php to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

I need help with a plugin, what do I do?

If you have a question, suggestion or need help with the plugin. Please use official support forum here on WordPress. Alternatively contact us via our website

Contributors & Developers

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

Contributors

Translate “Grid Block” into your language.

Interested in development?

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

Changelog

1.0

  • Launch

1.0.2

  • Remove .js from a frontend, was causing conflicts with autoptimize plugin

1.0.3

  • Remove .container width

1.0.4

  • Added functionality to control horizontal alignment of columns

1.0.5

  • .align-full class fix

1.0.6

  • Vertical alignment support added