Pattern Paste
Subscribe

9 layout options14 Styled looksNo plugin needed

WordPress page header patterns

Open an interior page with a WordPress page header pattern: the title, a breadcrumb line and a short orientation, ready for the block editor.

23 layout options shown

Showing 1–23 of 23

Live preview at its actual size. Scroll to explore the whole section.

Explore pattern

Article opener rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Article opener

The opening of a long read: a ruled strip of tiny metadata, a headline set as large as the section allows beneath it, a standfirst, and a first paragraph that opens with a drop cap at a strict reading measure.

EditorialPreview pattern
Cover plate rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover plate

A full-bleed cover on your own photograph with a paper plate grown out of its bottom-left corner carrying the eyebrow, headline and one line.

CoverPreview pattern
Page header cover strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Page header cover strip

An interior-page opener with a small location label, h1 title and short introduction in a narrow full-height plate of your theme's base beside a broad uninterrupted photograph.

Page headerPreview pattern
Facts beside the title rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Facts beside the title

An interior-page opening that splits in two: a small tracked kicker and the page title hold the left 46% on their own, and the right 54% carries four facts as a ruled ledger, label against value on each line, divided by currentColor hairlines and closed by one at the foot.

Page headerPreview pattern
Page header lap rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Page header lap

An interior-page opening with a tracked breadcrumb on an inverted band, then the page title and one line of orientation on a sheet of your base that laps over the band's lower edge.

Page headerPreview pattern
Page header meta rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Page header meta

An interior-page opening for a page whose facts matter as much as its name: a small tracked kicker, a title set deliberately low, and four facts on one ruled row beneath it, divided by currentColor hairlines rather than boxed into chips.

Page headerPreview pattern
Page header rule rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Page header rule

The opening of an interior page, and nothing more: a tiny widely tracked breadcrumb, the page title at display size directly under it, one line of orientation held to a reading measure, and a currentColor hairline closing the whole thing.

Page headerPreview pattern
Hanging breadcrumb, a variation of Page header rule rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Hanging breadcrumb

The composition changes rather than the colour: the breadcrumb leaves the stack and hangs in a third-width margin beside the title, and the closing rule runs only under the title column, so the header has a stepped left edge instead of a straight one.

Variation of Page header rulePreview pattern
Post header rendered in Twenty Twenty-FiveShot in Twenty Twenty-FivePage headerNo plugin needed

Post header

Single-post furniture, built as a lit plate on an unlit band: the post's category, title and byline sit on a paper plate held to 74% of the measure, while the publication date hangs outside it on the ink, aligned to the plate's foot.

Page headerPreview pattern

Choose a layout for your page

Use a plain title for most pages and a fuller header when the page needs a subtitle or a place in the site. Keep the title to one line.

New to patterns? Learn how to copy and paste a pattern. Read how we test patterns.

All Core Patterns