Adding to Layout Builder

Exercise: Add the 50/50 teaser block to a new layout page

The good news is we already have a few demo pages that include the 50/50 teaser (e.g. Homepage), so you don't have to add a new page but we will anyway just so you know how an editor would place the block.

Steps:

1. Go to the "Create content" page to find the "Layout" content type.

Add content screenshot

1. Add a "Layout" page with just a title.

Add layout page screenshot

1. Save the page.

Test layout page screenshot

1. Click the "Layout" tab to modify the layout

Layout builder screenshot

1. Click on "Add block" to add a new block

Add block sidebar screenshot

1. Click on the "Teaser" thumbnail. This will open up a dialog where you can enter in the content for the new block.

Add block dialog for "Teaser" block type

1. Add field values to populate the Teaser. You can leave the layout and background fields blank. Save the page.

Unthemed Teaser embedded on layout page

Next we will review the view modes involved with this block type.