The WordPress block editor, known as Gutenberg, confused a lot of bloggers when it replaced the classic editor back in 2018. Many people learned just enough to publish a post and never picked up the features that actually speed up writing. This post covers the things worth knowing, without wading through every setting the editor offers.
The mental model
The block editor treats every piece of content as its own block. A paragraph is a block. A heading is a block. An image is a block. Each block carries its own independent settings.
You write by adding blocks one after another, from top to bottom. Each block can be moved, duplicated, deleted, or styled on its own without affecting the blocks around it.
This is a real departure from the old classic editor, which was really just a single text field with a formatting toolbar on top. The mental shift is moving from “I’m typing into a document” to “I’m composing a stack of individual blocks.”
The blocks you’ll use 90 percent of the time
Paragraph
This is the default block. Just start typing. Press Enter to start a new paragraph, which creates a new block automatically.
Heading (H2, H3, and so on)
Type /heading and press Enter, or type ## at the start of a line for an H2, or ### for an H3.
List (bulleted or numbered)
Type a hyphen followed by a space at the start of a line to start a bullet list, or type 1. to start a numbered list instead.
Each list item stays part of the same list block as you add more. Press Enter twice in a row to exit the list entirely.
Image
Type /image and press Enter, or drag an image file directly into the editor.
One thing matters more than the rest here: always add alt text. Click the image once, and the alt text field appears in the right sidebar, ready to fill in.
Quote
Type /quote, or type > at the start of a line to trigger the same block.
Table
Type /table, then pick the number of columns and rows you need. Genuinely useful whenever you’re building comparisons.
These six blocks cover the vast majority of what a typical blog post actually needs. Master them, and roughly 90 percent of your writing moves fast without any friction.
The “/” shortcut
This is the single most important shortcut in the entire editor. Press / on an empty line and start typing a block name, and the editor immediately suggests blocks that match what you’ve typed so far.
/imbrings up the image block./heabrings up the heading block./tabbrings up the table block./quobrings up the quote block.
It’s consistently faster than reaching for the “+” button to add a block manually.
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 |
| Shift + Alt + H | Show all keyboard shortcuts |
The full, current list lives in WordPress.org’s own block editor documentation, which is worth bookmarking if you write often.
Blocks worth knowing but not memorizing
Columns
Splits content into 2 to 6 columns side by side. Useful for comparisons or feature grids. Set it up once through the inserter and adjust the column count from there.
Gallery
For grouping multiple images together in one place. Useful for portfolio posts or step-by-step recipe photos.
Cover
A full-width image with text overlaid on top of it. Common for hero sections at the top of a post or landing page.
Buttons
Styled call-to-action buttons. Useful for pointing readers toward products, signups, or downloads.
Separator
A simple horizontal line used to break up sections visually.
Spacer
Empty vertical space inserted between blocks. Use it sparingly, since paragraphs and headings usually provide enough breathing room on their own.
Custom HTML
For embedding code, ad units, or anything else that needs raw HTML. Use it carefully, since mistakes here can visibly break your layout.
Code
For displaying code snippets as readable text. This is different from Custom HTML: the Code block displays code as plain text, while Custom HTML actually executes whatever you paste into it.
Embed
Paste a YouTube URL, a social media post URL, or similar, and WordPress auto-embeds it. In most cases you just paste the URL on its own line and the editor handles the rest.
Reusable blocks, now called “Patterns”
If you find yourself repeating the same block, or the same group of blocks, often enough (a tip callout, an “about the author” footer, a specific CTA), save it as a pattern instead of rebuilding it each time.
Saving a pattern
- Create the block or blocks you want to save.
- Select the block, or the whole group of blocks together.
- Click the three-dot menu, then choose “Create pattern” (this reads “Add to Reusable blocks” on older WordPress versions).
- Give it a clear, descriptive name.
Using it later
In the inserter, triggered with /, search by the name you gave the pattern and insert it. It appears fully formed, exactly as you saved it.
Synced patterns update across every post that uses them the moment you edit the original. Handy for newsletter signup callouts you want to change site-wide in one move.
Unsynced patterns insert as an independent copy each time. Better suited to template-style blocks that you’ll customize differently in every post. For a much deeper walkthrough of when to choose which, see this guide to reusable blocks and patterns.
The block editor’s settings sidebar
The right sidebar has two tabs: Post settings, which covers the whole post, and Block settings, which covers whichever block you currently have selected.
Block settings worth knowing
- Color (block-level). Lets you override background and text color for that specific block.
- Typography. Custom font size, line height, and drop cap options.
- Alignment. Left, center, right, wide, or full width.
- Advanced, CSS classes. Lets you add custom CSS classes for finer styling control.
- Advanced, HTML anchor. Creates jump links to specific sections inside the page.
Most blocks don’t actually need this level of customization applied to them. The default styling your theme provides is usually the right call already.
What to avoid
Customizing every block’s styling
The block editor lets you override colors, fonts, and sizes on a per-block basis. Done too aggressively, your blog ends up with inconsistent styling from post to post. Trust your theme’s defaults instead of fighting them constantly.
Nesting too deep
Columns inside a cover block inside a group inside another group inside more columns quickly becomes unmanageable. The editor technically allows this kind of nesting, but it gets genuinely hard to navigate. Keep your structure as flat as you reasonably can.
Using cover or group blocks for every section
The block editor isn’t a page builder, and treating it like one usually backfires. Most posts work perfectly well with just paragraph, heading, image, list, and quote blocks doing the heavy lifting.
Forgetting alt text on images
It’s an easy thing to skip in the moment. The image block makes adding alt text quick, but it doesn’t force you to fill it in. Build the habit of always adding it, both for accessibility and for image search visibility. WordPress’s own accessibility team has a good reference on writing alt text that actually describes an image’s content and purpose, rather than just restating the filename.
The “List view” feature
The top-left corner of the editor has a “List view” button, shown as three horizontal lines. Click it to see a full outline of every block in your post at once.
It’s especially useful for the following:
- Navigating long posts without endless scrolling.
- Selecting blocks that are hard to click directly, because they’re nested or visually covered by something else.
- Restructuring a post by dragging blocks around in the outline instead of the canvas.
Distraction-free mode
Open the top-right three-dot menu and choose “Distraction-free mode,” or use the shortcut Ctrl+Shift+\. This hides the sidebars and toolbar so you can focus purely on writing.
It works well for first-draft writing especially. Re-enable the full interface afterward when you’re ready to format and polish.
Auto-save and drafts
WordPress auto-saves your work every 60 seconds by default. If your browser crashes mid-session, you can usually recover most of what you’d written. A manual save using Ctrl+S takes priority over whatever the auto-save last captured.
Revisions are kept as well. Open Document, then Revisions, to roll back to an earlier version if needed. Older revisions can be cleaned up later with a database optimization plugin if they start piling up and bloating your database. If you’re about to make a large structural change to a post, it’s also worth testing it on a staging site first rather than relying on revisions alone to bail you out.
The block editor for non-post pages
The block editor works identically for standard pages, not just posts. Same blocks, same patterns, same shortcuts.
On block themes, the same editor extends further into full site editing, covering headers, footers, and templates too. That’s worth exploring once you’re already comfortable with the post-editing version described here. If you’re using the Aurora theme, its templates are built to work cleanly with the standard block editor rather than requiring a separate page builder, which keeps this whole workflow consistent whether you’re editing a post or a template part.
Working faster without fighting the tool
The block editor is genuinely faster than the classic editor once you’ve learned it properly. Master the “/” shortcut, the six essential blocks, and a handful of keyboard shortcuts, and most of the friction disappears. Save patterns for anything you repeat often. Resist the urge to over-customize on a per-block basis. Use list view for navigating long posts efficiently. The block editor isn’t a page builder, so let it do what it does well, which is composing clean, readable blog content without getting in your way.
