core

Gutenberg

The block-based editor built into WordPress since version 5.0, replacing the classic TinyMCE editor for creating and editing content.

Gutenberg is the default content editor in WordPress. It replaced the old TinyMCE-based classic editor in December 2018 with the release of WordPress 5.0. Instead of writing content in a single text field, you build pages and posts using individual blocks — each block handles one piece of content like a paragraph, image, heading, or button.

How It Works

Every piece of content in Gutenberg is a block. When you open the editor, you add blocks from the inserter panel (click the + icon or type / in an empty line). Each block has its own toolbar and settings sidebar.

Under the hood, blocks are stored as specially formatted HTML comments in your post content:

<!-- wp:paragraph -->
<p>This is a paragraph block.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":42,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large">
 <img src="/wp-content/uploads/2026/04/product-shot.jpg" alt="Product photo" class="wp-image-42"/>
</figure>
<!-- /wp:image -->

Those HTML comments tell WordPress which block type to render and what settings to apply. The actual output to visitors is standard HTML — no JavaScript required on the front end.

You can access the block inserter from any editing screen at yoursite.com/wp-admin/post-new.php. The core install ships with 90+ blocks covering paragraphs, headings, images, galleries, columns, tables, buttons, embeds, and more.

Common Use Cases

Building landing pages without a page builder. Before Gutenberg, creating a multi-section landing page meant buying Elementor or Divi. Now, the Columns block, Cover block, and Group block handle basic layouts natively. For a simple services page or about page, that saves you $49–$99/year in page builder licenses.

Creating reusable content sections. Got a CTA box or pricing disclaimer you use across 30 posts? Create it once as a Synced Pattern (formerly Reusable Block). Update it in one place, and every instance updates automatically. That is hours saved on bulk content updates.

Embedding third-party content. Drop a YouTube URL, Spotify link, or Twitter post on its own line and Gutenberg auto-converts it into an embed block. No shortcodes, no copy-pasting iframe code.

Extending with custom blocks. Plugin developers build custom blocks for specific needs — WooCommerce adds product grid blocks, WPForms adds a form block, Rank Math adds an FAQ block with schema markup. The block ecosystem now rivals what shortcodes offered, with a far better editing experience.

Why It Matters

The numbers say Gutenberg saves the average site owner 2–4 hours per week on content creation compared to the classic editor with shortcode-based page builders. That is real money — at even $50/hour, you are looking at $400–$800/month in recovered time.

For store owners running WooCommerce, Gutenberg matters because the entire WordPress platform is moving toward Full Site Editing. Theme customization, header/footer editing, and template creation all run through the block editor now. If you are still clinging to the Classic Editor plugin, you are building on a foundation WordPress has stopped investing in. That plugin will not receive updates forever.

SEO benefits are concrete too. Gutenberg outputs clean, semantic HTML without the div soup that some page builders generate. Cleaner markup means faster page loads and easier crawling. Pair that with a block-based FAQ using proper schema and you are giving Google exactly what it wants.

The practical move: learn Gutenberg now, use it as your default editor, and reserve a page builder only for complex layouts that genuinely need it. Every hour you spend fighting the old editor is an hour you are not spending on content that drives traffic and revenue.

Back to Glossary