The first time most people open the WordPress block editor, they spend a few minutes clicking around and then go looking for a plugin that makes it feel more familiar. That instinct usually leads to installing a page builder before understanding what the built-in editor already provides.
The block editor works differently to most text editors, but its logic is consistent. Once you understand it, it handles everything a standard website needs — formatted text, images, headings, lists, buttons, columns — without additional tools. If you’re setting up a site from scratch, the step-by-step guide to building a WordPress website is useful context for where content editing fits into the broader build process.
This guide explains how the block editor works, what each area does, and how to avoid the most common mistakes beginners make.
What the Block Editor Is
The WordPress block editor, also called Gutenberg, is the default content editor built into WordPress since version 5.0. Instead of a single text field, it gives you a structured canvas where every element — a paragraph, a heading, an image, a list, a button — is its own block. You add blocks, arrange them, and configure each individually.
Access it by going to Posts > Add New or Pages > Add New in your WordPress admin. The official WordPress block editor documentation is a reliable reference to keep bookmarked once you know the basics.
Why Getting Comfortable Here Matters
Everything you publish on your WordPress site runs through this editor. Writing posts, building pages, updating content — it all happens here. Struggling with the block editor means struggling with your site every time you want to add or change something.
It also shapes your plugin decisions. Many beginners install Elementor or Divi before they know what the block editor already handles natively. The block editor supports columns, media, spacing, buttons, and simple custom layouts out of the box. Understanding its capabilities helps you decide whether you actually need a WordPress page builder plugin or whether you’re solving a problem that doesn’t exist yet.
How to Use the WordPress Block Editor
Step 1: Understand the three main areas
The editor has three main sections: the top toolbar, the content area, and the right sidebar.
The top toolbar contains the block inserter (the + icon on the left), undo/redo, document overview, and the Publish button. The content area in the centre is where blocks live — this is where you build your post or page. The right sidebar shows settings for the post as a whole (status, featured image, categories, tags) when nothing is selected, and settings for the currently selected block when you click one.
Knowing which area controls what eliminates most of the early confusion in the editor.
Step 2: Add your first block
Click inside the content area. A paragraph block is already there — start typing and it becomes a paragraph. To add a new block, click the + icon that appears on the left of any empty line, or press Enter at the end of a block to create a new one, then type / to open a quick search. Type “heading”, “image”, “list”, or whatever you need and select it from the dropdown.
You can also click the + icon in the top-left of the toolbar to open the full block inserter panel, which shows all available blocks grouped by category.
Step 3: Work with text and headings
Click any text block to see the block toolbar appear above it. From here you can bold text, add links, change alignment, and convert the block type. To turn a paragraph into a heading, use the block type switcher on the left of the toolbar and select Heading. Use H2 for main sections and H3 for sub-sections — proper heading structure matters for both readability and how search engines parse your content.
To add a link, highlight the text and click the link icon in the block toolbar (or use Ctrl+K / Cmd+K). Paste the URL, press Enter, and the link is set.
Step 4: Add images and media
Add an Image block using the / command or + inserter. Once in place, you can upload a file, select from the media library, or paste an image URL. After uploading, click the image to access alt text, image size, link behaviour, and display dimensions in the right sidebar. Always fill in the alt text — it matters for accessibility and image search.
The post’s featured image is a separate setting from any image block inside your content. Look in the right sidebar under Post settings for the Featured Image panel. The guide on adding featured images in WordPress covers the full process, including recommended dimensions and how they appear in themes and social shares.
Step 5: Use the block settings sidebar
Every block has its own settings in the right sidebar when selected. For text blocks this shows typography and spacing. For image blocks it shows size and link settings. For heading blocks it shows heading level and alignment.
The Advanced tab in the block sidebar lets you add a custom CSS class or HTML anchor (a jump link ID) to any block. You won’t need these often early on, but they’re there when you do.
Step 6: Save, preview, and publish
Use Save Draft to save without publishing. Use the View button in the toolbar to preview how the page looks on the front end. When you’re ready, click Publish.
After publishing, the editor shows you the post permalink at the top. If you changed the title after the first save, double-check the slug in the sidebar under Post > Link — WordPress doesn’t always auto-update it once the post has been saved once.
Practical Tips
Use the slash command. Typing / at the start of a new line is faster than reaching for the + inserter every time. Once you know block names, it’s the most efficient way to work.
Learn the List View. Click the Document Overview icon (two stacked lines) in the top toolbar to open a panel showing all your blocks in sequence. This makes it easy to select nested blocks or reorder sections without hunting through the content area.
Duplicate blocks instead of rebuilding. Right-click any block to access Duplicate. When a list or heading block is configured the way you want, duplicating it is faster than creating a new one from scratch.
Common Mistakes
Using paragraphs with bold text instead of heading blocks. Headings styled with bold text look similar visually but don’t carry the same semantic structure. Search engines and screen readers rely on actual heading blocks to understand content hierarchy.
Forgetting the featured image is separate. The featured image isn’t an image block inside your content — it’s set in the sidebar and is what appears in archives, search results, and social shares. It’s easy to publish a post without realising it’s missing.
Installing a page builder on day one. Elementor and Divi are powerful tools for specific situations, but adding them before understanding the block editor means carrying extra complexity you may not need. Read through the guide on installing WordPress plugins safely before adding anything that substantially changes core editor behaviour.
When to Use a Page Builder Instead
The block editor handles most content needs cleanly: blog posts, standard pages, landing pages with straightforward layouts. Where it starts to show limits is in complex design work — highly custom homepage layouts, granular spacing control, or design systems that need reusable templates across dozens of pages.
If you find yourself fighting the editor to achieve a specific visual result, that’s the signal to evaluate a dedicated page builder. But work through what the block editor provides first — most sites don’t need more than it offers.
Conclusion
The block editor takes about an hour of actual use before it starts to feel natural. Work through a few posts or pages with real content, focus on the three editor areas, and use the / command to add blocks quickly. Once it clicks, it’s a capable tool that handles the majority of what a WordPress site needs without additional plugins.
Etienne Basson works with website systems, SEO-driven site architecture, and technical implementation. He writes practical guides on building, structuring, and optimizing websites for long-term growth.