The Basics: Introduction to the Block Editor
Recommended for: WashU Sites users updating to the new block editor
In this 40 minute video training, you’ll learn how to build and edit pages using the new block-based page editor.
Sections that are strongly recommended have been bolded
Topics include:
- What’s changed? Introduction to the new editor- :27
- Adding content using blocks – 1:46
- Rearranging and deleting blocks – 3:38
- Editing block settings – 5:38
- Document settings – 12:39
- Revision history – 12:51
- Setting a featured image – 13:21
- Page templates – 14:45
- Setting a parent page – 15:49
- Headings – 16:12
- Adding links – 19:01
- Creating layouts with columns and cards – 22:46
- Working with inner blocks and block layers – 26:44
- Adding and editing buttons – 29:15
- Creating lists – 32:32
- Embedding video – 35:02
- Adding images – 36:14
- Rapid fire round: Other blocks – 40:35
Recommended tutorials
Learning the new editor

Using Blocks: An Intro to the Page Editor
Laying out pages and editing content is a snap with your site’s block editor.

Troubleshooting
Something off? Check these tips when saved changes don’t show, images aren’t quite right, or extra spacing appears.

Reverting to a previous version of a Page or Post
View the revision history and restore an earlier version of a page or post.

Organizing Information with Cards
Use the cards block to highlight and group related bits of information.

Formatting Text
Add subheadings, body text, links, bulleted lists and more using basic formatting blocks.

Adding Buttons
Make a critical call to action stand out from other content on the page using a button.
Converting pages to the new editor
Converting from Classic Editor to the Block Editor
Convert pages, posts and PPI created with the default WordPress editor to the new block editor.