Column block support

With the column block you can insert text, media and other content in up to six columns. If you insert one column at a time, they will be arranged in a grid pattern.

Result for blocks with one column

To add a column block, click the Insert block icon.

You can also type “/ columns” in a new paragraph block and press Enter to quickly add a column block.

Column block - add input

You can find detailed instructions on how to add blocks here.

Block toolbar

Most blocks have their own block-specific controls that you can use to edit the block directly in the editor. For the column block, you can choose between standard block options and options for full and wide widths (provided that these alignments are supported for the respective theme).

Column interface 1

↑ Contents ↑

Edit the block

You can add or remove columns. To do this, click outside the field, e.g. B. between the field and the sidebar, and then change the number of columns (maximum six).

Change the number of columns

↑ Contents ↑

Adding content

After you’ve set the number of columns, you can add content to each column. The column block even gives you the option of adding more blocks to each column.

For example, you can take advantage of the structure of the column block and then add image blocks, heading blocks, and paragraph blocks to arrange different services in a grid pattern.

Column block - services

Or you can use the column block with cover picture blocks to display pages on your website.

Columns + cover picture

You can also combine the column block with button blocks to motivate users to take action on your website.

As you can see, anything is possible! Do you want to know how to do it? We show you in this video.

Create and edit the column block

↑ Contents ↑

Block settings

Most blocks have specific options in the editor sidebar in addition to the options in the block’s toolbar. If you don’t see the sidebar, just click the gear icon next to the publish button.

The block settings can be found in the sidebar.The block settings can be found in the sidebar.

↑ Contents ↑

Number of columns

As already mentioned in the section “Editing the block”, you can use the block options in the sidebar to specify the number of columns (maximum six).

To change the number of columns, click the up and down arrows, drag the slider to the right or left, or enter the number directly into the field.

Column block - number

Please note the following: When you click on a specific column, embedding other blocks in the column block will change the settings in the sidebar according to the block you added to the selected column. (For example, if you have inserted a picture in one of the columns and clicked on the picture, the setting options for the picture block are displayed in the sidebar.)

↑ Contents ↑


On the “Advanced” tab you can add a CSS class to your block so that you can create your own CSS and design the block as you wish.

Block button

Previous post Unit testing framework: PHPUnit 10 requires version 8 of the programming language
Next post How to insert columns!