ZeroToWP

Block

Quick Definition

A block is the basic building unit of the WordPress editor. Every piece of content — a paragraph, image, heading, button, video, or table — is a block that you can add, move, customize, and rearrange.

WordPress Core Blocks Reference listing all available blocks on developer.wordpress.org

What Is a Block?

A block is the fundamental unit of content in the WordPress block editor. Every element on your page — a paragraph of text, an image, a heading, a button, a video embed, a table — is a separate block. You add blocks, arrange them in any order, and customize each one independently.

Before blocks, WordPress used a single text area (like a word processor) where you typed everything and used shortcodes or HTML for anything beyond basic text. Blocks replaced that with a modular system: each content element is its own container with its own settings, toolbar, and styling options.

WordPress groups blocks into categories:

  • Text — Paragraph, Heading, List, Quote, Code, Preformatted, Verse, Details
  • Media — Image, Gallery, Audio, Video, Cover, File
  • Design — Buttons, Columns, Group, Row, Stack, Separator, Spacer
  • Widgets — Search, Archives, Categories, Latest Posts, Calendar, Tag Cloud, Social Icons
  • ThemeNavigation, Site Logo, Site Title, Query Loop, Template Part, Post Title, Post Content
  • Embeds — YouTube, Twitter, Spotify, Vimeo, TikTok, and 30+ other services

You insert blocks using the Block Inserter (the + button) or by typing / followed by the block name (e.g., /image or /heading). Each block has:

  • Block toolbar — Quick actions like alignment, bold, and link
  • Block settings panel — Detailed customization in the right sidebar (colors, typography, dimensions, advanced CSS classes)
  • Block variations — Pre-configured versions of the same block (e.g., the Heading block has H1–H6 variations)

Beyond core blocks, plugins can register custom blocks for specialized functionality — like WooCommerce product grids, form blocks from Fluent Forms, or slider blocks from Smart Slider 3. You can also save groups of blocks as patterns (reusable or synced) for quick reuse.

Blocks in Practice

The block system powers everything in modern WordPress. In the post editor, you compose content with blocks. In the Site Editor, you build entire page layouts with blocks. Block themes are built entirely from blocks stored in HTML files. Even widget areas in classic themes now use the block editor (since WordPress 5.8).

In WordPress 7.0, new blocks include Breadcrumbs, Icons, and responsive Grid — features that previously required page builders or custom code. The Interactivity API makes blocks dynamic (think: instant search, live filtering, client-side pagination) without custom JavaScript.

Why It Matters

Blocks are the foundation of WordPress's present and future. Every new feature WordPress builds — Full Site Editing, Global Styles, collaboration — is built on the block system. Understanding blocks is not optional for WordPress users — it is how you create and manage content in 2026.

Sources

Related Terms

Related Articles