Tutorial: Nesting and using blocks to create visually appealing content

[westnz]

Details

• Content type (Course, Tutorial, Online Workshop, or Lesson Plan): Tutorial
• Content title: Nesting and using blocks to create visually appealing content
• Topic description: Using blocks more effectively to build content
• Audience (User, Developer, Designer, Contributor, etc.): User
• Experience Level (Beginner, Intermediate, Advanced, Any): Beginner

Learning Objectives

Nest blocks and use blocks to build content.

Related Resources and Other Notes

Automation Code

//tutorial

[github-actions]

Tutorial Development Checklist

• Tutorial created and announced to the team for Q/A review
• Tutorial reviewed and ready to publish
• Tutorial submitted and published to WPTV
• Tutorial published on WPTV
• Tutorial captioned
• Tutorial created on Learn.WordPress.org
• Tutorial post reviewed for grammar, spelling, etc.
• Tutorial published on Learn.WordPress.org
• Tutorial announced to Marketing Team for promotion

[westnz]

Nesting.and.using.blocks.to.create.visually.appealing.content.mp4

[ghost]

Tutorial/Lessons Review Checklist

Please tick all items you've confirmed:

• Learning outcomes/objectives are clear.
• Technical concepts introduced in the content are accurate.
• The speed of demonstrations are easy to follow.
• The narration audio matches what is shown visually.
• Spelling and grammar are correct.
• Sound quality is consistent throughout the video.
• Brand Usage Guidelines and Promotional Guidelines are being followed.
• Media assets are all in the public domain (CC0).

Leave an additional comment below with feedback. You can also share what you liked about this Tutorial.

• Great tutorial! You covered all the points that you highlighted in the list of different types of nesting.
• Tone and speed were good.
• Steps were clear to follow.

[westnz]

Thank you @lada7042

[quitevisible]

@westnz Good job staying on point! So many features and ways of creating page layouts makes it hard to know what to include or omit.

Feedback:

• Around the 2:00 mark, perhaps mention or caption to use 'shift+click' to select multiple blocks when grouping.
• One of the features I've found useful is custom naming the groups, especially for a longer Home Page or one-page site.

[askdesign]

Hi Wes, I always enjoy your tutorials. This is a wonderful guide showing a nice variety of nesting blocks. I think it will assist users in ways to achieve visual compelling layouts.

There was only 1 moment where I was a wee bit confused. But, as you moved through the examples, I understood better. Here is the moment I'm referring to:
2:09 - you want to use the wide width. But, you first deselect the Layout > inner blocks content width toggle off

I think it might be good to show what would happen if the toggle were left on. Then compare to what happens with the toggle off.

[SierraTR]

Tutorial/Lessons Review Checklist

Please tick all items you've confirmed:

• [ x] Learning outcomes/objectives are clear.
• [ x] Technical concepts introduced in the content are accurate.
• [x ] The speed of demonstrations are easy to follow.
• [x ] The narration audio matches what is shown visually.
• [x ] Spelling and grammar are correct.
• [ x] Sound quality is consistent throughout the video.
• [x ] Brand Usage Guidelines and Promotional Guidelines are being followed.
• [x ] Media assets are all in the public domain (CC0).

Another good one, Wes. I agree with @askdesign that a demonstration of what the 'inner blocks use content width' does visually - perhaps switch to the front of the website with and without the toggle set. And @quitevisible has a good point about how multiple items are highlighted in the list view column.

[westnz]

Thank you all for the suggestions and reviews. Much appreciated

[westnz]

Published in Sensei as part of the Beginner User learning pathway.