Design

Design

Design Blocks in WordPress

Design Blocks are built in Blocks that are part of the WordPress experience. With each update of WordPress most Design Blocks are updated.

Please click on the below for tutorial videos on how to use Design Blocks.

Buttons

The Buttons block will add a button to your page where you can change the style and add web links to either pages within your site or external websites.

Enter /Buttons or click on the Add Block Button + to add this block.

Buttons
Columns

The columns block allows you to insert text, media and other types of content into up to six columns. When used one after another, the columns create a grid effect. 

Enter /Columns or click on the Add Block Button + to add this block.

Columns
Group

The Group block will group all your blocks together. For example if you want to add a paragraph and an image it will group these 2 blocks together. You can style both blocks by changing the background colour.

Enter /Group or click on the Add Block Button + to add this block.

Group
More

With the More Block you can add a bit of text with a “read more” to reveal further content on your page.

Enter /More or click on the Add Block Button + to add this block.

More
Page Break

The Page Break can be useful if you are writing a step by step tutorial or if you’d like to split your page into multiple chapters, for instance. 

Enter /Page Break or click on the Add Block Button + to add this block.

Page Break
Separator

If you would like to separate two blocks of content by a linem the separator block is what you are looking for.

Enter /Separator or click on the Add Block Button + to add this block.

Separator
Spacer

If you feel like you’d like to see more space in between two blocks, the spacer block is what you are looking for. You can manually adjust the height of the Spacer in the settings or drag the Spacer block by yourself.

Enter /Spacer or click on the Add Block Button + to add this block.

Spacer