How to create a grid tiled layout with Gutenberg and WordPress version 5

—

Here’s a little tutorial on how to create a grid layout with tiles (and text) using the new Gutenberg Editor and our Caxton plugin.

Time needed: 6 minutes.

How to create a grid layout with the new WordPress Block Editor

Add the Caxton Layout Block
Click + new block and select the Caxton Layout Block
Select your grid layout
Click on the layout your require
Select the content area and add an image
Upload an image or select an image from your image library
Add a Spacer Block into the content area
This will let you increase the size of the image. Just drag the spacer block to the correct size. You can also input the size in the right hand customizer
Repeat and add images to all blocks
Publish

Video tutorial