WordPress.org

Patterns

Add a beautiful, ready-to-go layout to any WordPress site with a simple copy/paste.

150 patterns

Filter: Curated

Sort: Newest

[Intro area with heading and image] Intro area with heading and image

Intro area with heading and image
[Centered image with two-tone background color] Centered image with two-tone background color

Centered image with two-tone background color
[Fullwidth Dark Banner with Heading Top Left] Fullwidth Dark Banner with Heading Top Left

Fullwidth Dark Banner with Heading Top Left
[Fullwidth cover with repeating gradient text] Fullwidth cover with repeating gradient text

Fullwidth cover with repeating gradient text
[Fullwidth, vertically aligned headline on right with description on left] Fullwidth, vertically aligned headline on right with description on left

Fullwidth, vertically aligned headline on right with description on left
[Fullwidth headline with links and gradient offset background] Fullwidth headline with links and gradient offset background

Fullwidth headline with links and gradient offset background
[Heading, Paragraph, Button with Two Images] Heading, Paragraph, Button with Two Images

Heading, Paragraph, Button with Two Images
[Bold sale banner with geometric background] Bold sale banner with geometric background

Bold sale banner with geometric background
[Offset bold paragraph text with varying opacity] Offset bold paragraph text with varying opacity

Offset bold paragraph text with varying opacity
[Offset text with a brutalist design vibe] Offset text with a brutalist design vibe

Offset text with a brutalist design vibe
[Fullscreen image with right content area] Fullscreen image with right content area

Fullscreen image with right content area
[Cover Image with Bold Heading and Button, Left] Cover Image with Bold Heading and Button, Left

Cover Image with Bold Heading and Button, Left
[Cover Image with Bold Heading and Button] Cover Image with Bold Heading and Button

Cover Image with Bold Heading and Button
[Fullscreen cover image gallery] Fullscreen cover image gallery

Fullscreen cover image gallery
[Fullwidth posts with uppercase titles] Fullwidth posts with uppercase titles

Fullwidth posts with uppercase titles
[Fullwidth posts titles with dates] Fullwidth posts titles with dates

Fullwidth posts titles with dates
[Header inside full-width background image] Header inside full-width background image

Header inside full-width background image
[Simple header with dark background] Simple header with dark background

Simple header with dark background
[Text-only header with tagline] Text-only header with tagline

Text-only header with tagline
[Simple header with tagline] Simple header with tagline

Simple header with tagline
[Fullwidth site title and menu button] Fullwidth site title and menu button

Fullwidth site title and menu button
[Fullwidth header with hero image] Fullwidth header with hero image

Fullwidth header with hero image
[Centered header with logo] Centered header with logo

Centered header with logo
[Fullwidth header with large font size] Fullwidth header with large font size

Fullwidth header with large font size

1 2

What’s a pattern?

A block pattern is a collection of blocks you can insert into your site and customize with your own content. Patterns save you time when composing pages of any kind and are a great way to learn how blocks can be combined to achieve specific layouts.

Learn more

Share your patterns

Showcase your creations and make them publicly available in the Block Pattern Directory. Submitting a pattern to the directory means it can be referenced in themes and easily reused across siteswithout requiring theme authors to bundle pattern code with each theme.

Create a pattern

WordPress.tv

WordPress.org WordPress.org

The WordPress® trademark is the intellectual property of the WordPress Foundation.

Patterns

All patterns

What’s a pattern?

Share your patterns