The Block Editor (Gutenberg), In Depth

WordPress Fundamentals

Chapter 4 · The Block Editor (Gutenberg), In Depth

Every Post and Page from WordPress Fundamentals 3 is actually written using this chapter's own subject: the Block Editor, nicknamed "Gutenberg" after the inventor of the printing press. This chapter goes past "click here to add text" into how the editor is actually structured, and two features — patterns and reusable blocks — that look similar on the surface but work in genuinely different ways.

What Gutenberg Actually Is

The Block Editor became WordPress's own default editor in WordPress 5.0 (2018), replacing the older "Classic Editor" — a single large text box closer to a traditional word processor.

An honest note on a genuinely contentious change

This transition was, and to some degree still is, controversial among long-time WordPress users — many found the shift from a familiar single text box to a block-based structure disruptive, and the official Classic Editor plugin (restoring the old behavior) remained in heavy use for years afterward. This course teaches the Block Editor because it's the current default and the direction WordPress itself is actively developing, not because the older approach was without genuine merit.

Blocks — The Fundamental Unit

Everything in the content area is a block — a paragraph, a heading, an image, a list, a quote, a button, a columns layout. Each block carries its own settings and toolbar, and blocks can be nested inside one another (a Columns block, for example, contains multiple Column blocks, each of which can hold any other block inside it).

Inserting a block — the "+" inserter, or typing / followed by a block name to search the block library directly from the keyboard
Rearranging blocks — drag handles, or the up/down arrows in each block's own toolbar
Block-specific settings — the right-hand sidebar shows settings specific to whichever block is currently selected, separate from the "Document" tab covering post-level settings (visibility, publish date, categories, featured image)

Patterns — Ready-Made Block Arrangements

A pattern is a pre-designed group of blocks — a "hero section" combining a heading, paragraph, and button in a specific layout, for example — inserted as a single starting point rather than assembled block by block from scratch.

Reusable Blocks — A Genuinely Different Thing, Despite Looking Similar

A reusable block (in newer WordPress versions, sometimes labeled a "synced pattern") is also a saved group of blocks — but with one critical difference from an ordinary pattern: editing a reusable block updates it everywhere it's used, simultaneously. A pattern, once inserted, becomes an ordinary, independent set of blocks you can freely edit without affecting anything else; a reusable block stays permanently linked across every page it appears on.

Pattern	Reusable block (synced pattern)
A one-time starting template	A permanently linked, shared piece of content
Editing one instance affects only that instance	Editing one instance updates every instance, everywhere, at once
Best for: a layout you want to reuse but customize differently each time	Best for: content that must always stay identical everywhere — a site-wide notice, a shared call-to-action

A concrete example of the difference

A "Book Review" pattern, containing a rating block and a summary paragraph, is inserted on ten different review posts — editing one review's rating has no effect on the other nine, since each is now its own independent set of blocks. A "Newsletter Signup" reusable block, inserted at the bottom of every blog post, updates its own text and button on every single post at once the moment it's edited anywhere — exactly the intended behavior when the goal is one consistent, site-wide element rather than ten independently editable copies.

Where this becomes a genuine gotcha

Someone who doesn't realize a block is a reusable/synced one can make what they think is a small, one-off edit to a single page — and unintentionally change that same content everywhere else it's used. Before editing an unfamiliar block that behaves unexpectedly like it's "linked" to something else, it's worth checking whether it's actually a reusable block rather than an ordinary one.

A First Look at Full Site Editing

Modern WordPress themes built specifically for it — "block themes" — extend the Block Editor beyond just Post and Page content into the site's own header, footer, and overall template structure, a capability known as Full Site Editing (FSE). This is a genuinely newer, still-evolving part of WordPress, and many widely-used themes are still "classic" themes where FSE doesn't fully apply.

Scope note

This course covers FSE only at the level of recognizing it and knowing it exists. Building a theme from scratch — whether via FSE or the traditional PHP template approach — is covered properly in WordPress Intermediate/Advanced, starting with its own opening chapter on theme anatomy.

Hands-On Exercises

Exercise 1

A site owner inserts the same "Contact Us" reusable block at the bottom of 15 different pages, then edits the phone number on one of them expecting only that page to change. Explain what actually happens, and why.

📄 View solution

Exercise 2

Explain, using this chapter's own material, when a pattern is the better choice over a reusable block, and give a realistic example distinct from the ones already in this chapter.

📄 View solution

Exercise 3

Explain why this chapter includes an honest note about the Classic Editor transition rather than simply presenting the Block Editor as an uncontroversial improvement.

📄 View solution

Chapter 4 Quick Reference

The Block Editor ("Gutenberg") has been WordPress's default since version 5.0 (2018), replacing the single-textarea Classic Editor
Every piece of content is a block — insert via "+" or /, blocks can nest inside one another
Patterns — a one-time starting template; editing an inserted instance affects only that instance
Reusable blocks (synced patterns) — permanently linked; editing any instance updates every instance everywhere at once
Confusing the two is a real, common gotcha — check before editing an unfamiliar block that behaves unexpectedly
Full Site Editing — extends blocks to headers/footers/templates on modern block themes; full coverage deferred to WordPress Intermediate/Advanced
Next chapter: Themes