Course WordPress Development

The Block Editor

Building a Site Preview

Gutenberg blocks

Core blocks

  • Paragraph, heading, list, quote
  • Image, gallery, video
  • Button, columns, spacer
  • Latest posts, search, shortcode

A hero section

1. Add a "cover" or "group" block\n2. Insert a background image\n3. Add a big heading\n4. Add a button → "Enroll Now"\n5. Choose an overlay colour

Reusable blocks & patterns

Turn any block into a reusable block so it appears in many places and updates everywhere at once. Patterns are pre-designed layouts you drop in.

Templates

Full-site editing lets you edit your header, footer and page templates with blocks instead of code.

Tip: Consistent spacing and 2–3 colours beat fancy effects. Copy a pattern you like, then replace the content.

This is a free preview lesson

Enroll in the WordPress Development to unlock every lesson, lesson PDF guides, quizzes and your certificate - and start creating your own pieces today.


Discussion