WordPress Blocks: The Modern Way to Build Page Layouts

Clients used to need a developer for every layout change. Move a sidebar, add a call-to-action section, rearrange the homepage. WordPress blocks changed that. Now clients build their own layouts, and my role shifted from page builder to block architect.

What Blocks Are

WordPress blocks are modular content units that users drag and drop in the editor. A paragraph is a block. An image is a block. A contact form is a block. A three-column pricing table is a block.

The block editor (Gutenberg) replaced the classic WYSIWYG editor in WordPress 5.0 and has been improving with every release since. In 2025, it handles complex layouts that previously required page builder plugins like Elementor or Divi.

Built-in Blocks That Cover 80% of Needs

WordPress ships with blocks for every common need:

• Layout: Columns, Group, Cover, Spacer
• Content: Paragraph, Heading, List, Quote, Table
• Media: Image, Gallery, Video, Audio, File
• Widgets: Latest Posts, Categories, Archives, Search
• Embeds: YouTube, Twitter, Spotify, CodePen

Most client sites need nothing beyond these built-in blocks. Adding a three-column section with images and text takes 60 seconds in the editor. No code. No developer.

Block Patterns: Reusable Layouts

Block patterns are pre-arranged groups of blocks that users can insert with one click. I create custom patterns for common client layouts:

register_block_pattern(
    'starter-clean/hero-section',
    array(
        'title'   => 'Hero Section',
        'content' => '<!-- wp:cover {"dimRatio":50} -->
            <!-- wp:heading {"level":1} -->
            <h1>Your Headline Here&lt;/h1>
            <!-- /wp:heading -->
            <!-- wp:paragraph -->
            <p>Supporting text goes here.&lt;/p>
            <!-- /wp:paragraph -->
            <!-- /wp:cover -->',
    )
);

The client gets a 'Hero Section' option in their block inserter. They click it, edit the text, and publish. No developer involvement.

Custom Blocks with AI

When a client needs a block that does not exist (a testimonial carousel, a pricing comparison table, a team member grid), I use Claude Code to build it:

'Build a WordPress block plugin called Team Grid. It displays team members in a responsive grid with photo, name, title, and a short bio. The block should be editable in the WordPress editor with live preview.'

Claude Code generates the block plugin, the JavaScript for the editor interface, and the PHP for the frontend rendering. I review the output, test it in WordPress, and hand it to the client.

The Handoff Advantage

The real value of blocks is the handoff. When a client asks 'Can I change the homepage layout?', the answer is yes. They can rearrange blocks, add new sections, and update content without calling a developer. That independence is what makes WordPress the right choice for content-driven client sites.

See the Block Editor Handbook for the complete development reference.