The WordPress block editor (Gutenberg) confused a lot of bloggers when it replaced the classic editor in 2018. Many learned just enough to publish posts and never picked up the features that actually speed up writing. This post is the things worth knowing.
The mental model
The block editor treats every piece of content as a block. A paragraph is a block. A heading is a block. An image is a block. Each block has its own settings.
You write by adding blocks, top to bottom. Each block can be moved, duplicated, deleted, or styled independently.
This is different from the old classic editor, which was a single text field with formatting toolbars. The mental shift is from “I’m typing into a document” to “I’m composing a stack of blocks.”
The blocks you’ll use 90% of the time
Paragraph
The default. Just start typing. Press Enter to start a new paragraph (which is a new block).
Heading (H2, H3, etc.)
Type /heading and Enter, or type ## at the start of a line for H2, ### for H3.
List (bulleted or numbered)
Type - followed by space at the start of a line for a bullet list. Or 1. for numbered.
Each list item is part of the same list block. Press Enter twice to exit the list.
Image
Type /image and Enter. Or drag an image directly into the editor.
Important: always add alt text. Click the image, alt text field appears in the right sidebar.
Quote
Type /quote or > at the start of a line.
Table
Type /table. Pick number of columns and rows. Useful for comparisons.
These six blocks cover the vast majority of blog post needs. Master them and 90% of writing is fast.
The “/” shortcut
The single most important shortcut. Press / on an empty line and start typing a block name. The editor suggests blocks matching what you type.
/im→ image block./hea→ heading./tab→ table./quo→ quote.
Faster than clicking the “+” button to add a block.
Keyboard shortcuts worth memorizing
| Shortcut | Action |
|---|---|
| Ctrl/Cmd + B | Bold |
| Ctrl/Cmd + I | Italic |
| Ctrl/Cmd + K | Insert link |
| Ctrl/Cmd + S | Save draft |
| Ctrl/Cmd + Z | Undo |
| Ctrl/Cmd + Shift + Z | Redo |
| Ctrl/Cmd + Shift + D | Duplicate block |
| Ctrl/Cmd + Alt + Backspace | Delete block |
| / | Insert block |
| Enter | New paragraph / new block |
| Shift + Enter | Line break within block |
The blocks worth knowing but not memorizing
Columns
Splits content into 2–6 columns side by side. Useful for comparisons or feature grids. Set up once via the inserter.
Gallery
For multiple images grouped together. Useful for portfolio or recipe posts.
Cover
A full-width image with text overlay. Common for hero sections.
Buttons
Styled call-to-action buttons. Useful for CTAs to products, signups, downloads.
Separator
A horizontal line to break sections.
Spacer
Empty vertical space between blocks. Use sparingly; usually paragraphs and headings provide enough breathing room.
Custom HTML
For embedding code, ad units, or anything that needs raw HTML. Use carefully.
Code
For displaying code snippets. Different from Custom HTML — Code displays code as text; Custom HTML executes it.
Embed
Paste a YouTube URL, Twitter URL, etc. WordPress auto-embeds. Just paste the URL on its own line in many cases.
Reusable blocks (now called “Patterns”)
If you repeat the same block (or group of blocks) often — a “tip” callout, an “about the author” footer, a specific CTA — save it as a pattern.
Saving a pattern
- Create the block(s) you want to save.
- Select the block (or group of blocks).
- Click the three-dot menu → “Create pattern” (or “Add to Reusable blocks” in older versions).
- Name it.
Using it later
In the inserter (/), search by the name you gave it. Insert. The pattern appears.
Synced patterns update across all uses when you edit them. Useful for “newsletter signup” callouts that you want to change site-wide.
Unsynced patterns insert as a copy. Useful for template blocks you’ll customize each time.
The block editor’s settings sidebar
The right sidebar has two tabs: Post settings (overall) and Block settings (selected block).
Block settings worth knowing
- Color (block-level). Background and text color overrides.
- Typography. Custom font size, line height, drop cap.
- Alignment. Left, center, right, wide, full.
- Advanced → CSS classes. Add custom CSS classes for styling.
- Advanced → HTML anchor. Create jump links inside the page.
Most blocks don’t need this customization. Default styling from your theme is usually right.
What to avoid
Customizing every block’s styling
The block editor lets you override colors, fonts, sizes per block. Done too aggressively, your blog ends up with inconsistent styling. Trust your theme’s defaults.
Nesting too deep
Columns inside cover inside group inside group inside columns. The editor allows nesting but it gets hard to navigate. Keep structure flat where possible.
Using cover/group for every section
The block editor isn’t a page builder. Don’t treat it like one. Most posts work fine with just paragraph, heading, image, list, and quote.
Forgetting alt text on images
Easy to do. The image block makes adding alt text quick but doesn’t enforce it. Build the habit of always adding it.
The “List view” feature
The top-left of the editor has a “List view” button (three horizontal lines). Click it to see an outline of all blocks in your post.
Useful for:
- Navigating long posts.
- Selecting blocks that are hard to click on (nested or covered).
- Restructuring posts by dragging blocks around.
The “Distraction-free mode”
Top-right three-dot menu → “Distraction-free mode” or Ctrl+Shift+\. Hides the sidebars and toolbar so you can focus on writing.
Useful for first-draft writing. Re-enable the UI for editing and formatting.
Auto-save and drafts
WordPress auto-saves every 60 seconds. If your browser crashes, you can usually recover. Manual saves (Ctrl+S) override the auto-save.
Revisions are also kept. Click “Document → Revisions” to roll back. Older revisions can be deleted via a database optimization plugin if they accumulate.
The block editor for non-post pages
The block editor works for pages too. Same blocks, same patterns.
For block themes (full site editing), the same editor extends to headers, footers, and templates. Worth exploring once you’re comfortable with the post-editor version.
The honest summary
The block editor is faster than the classic editor once you learn it. Master the “/” shortcut, the 6 essential blocks, and a few keyboard shortcuts. Save patterns for things you repeat. Resist the urge to over-customize per-block. Use list view for navigating long posts. The block editor isn’t a page builder — let it do what it does well, which is composing blog content cleanly.
