WordPress page header patterns, Pattern Paste Canonical: https://patternpaste.com/patterns/page-header/ 9 layout options 14 Styled looks No 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 Sort by Per page Lightbox Pattern page Live preview at its actual size. Scroll to explore the whole section. Explore pattern (https://patternpaste.com/patterns/) Shot in Twenty Twenty-Five Editorial No 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. Editorial Preview pattern (https://patternpaste.com/pattern/article-opener.html) Shot in Twenty Twenty-Five Cover No 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. Cover Preview pattern (https://patternpaste.com/pattern/cover-plate.html) Shot in Twenty Twenty-Five Page header No 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 header Preview pattern (https://patternpaste.com/pattern/page-header-cover-strip.html) Shot in Twenty Twenty-Five Page header No 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 header Preview pattern (https://patternpaste.com/pattern/page-header-facts.html) Shot in Twenty Twenty-Five Page header No 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 header Preview pattern (https://patternpaste.com/pattern/page-header-lap.html) Shot in Twenty Twenty-Five Page header No 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 header Preview pattern (https://patternpaste.com/pattern/page-header-meta.html) Shot in Twenty Twenty-Five Page header No 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 header Preview pattern (https://patternpaste.com/pattern/page-header-rule.html) Shot in Twenty Twenty-Five Page header No 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 rule Preview pattern (https://patternpaste.com/pattern/page-header-rule.html#variant=header-hang) Shot in Twenty Twenty-Five Page header No 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 header Preview pattern (https://patternpaste.com/pattern/post-header.html) Cover Own palette ## Folio , Cover plate (https://patternpaste.com/pattern/cover-plate.html#variant=folio) Cover plate Authored font stack with theme and device fallbacks Folio (https://patternpaste.com/pattern/cover-plate.html#variant=folio)White and jade (https://patternpaste.com/pattern/cover-plate.html#variant=white-and-jade)Folio set: whole pages (https://patternpaste.com/sets/folio/) Page header Own palette ## Bough , Page header cover strip (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=bough) Page header cover strip Authored font stack with theme and device fallbacks Bough (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=bough)Mend (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=mend)Spur (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=spur)Steel and tangerine (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=steel-and-tangerine)Vow (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=vow)Bough set: whole pages (https://patternpaste.com/sets/bough/) Page header Own palette ## Mend , Page header cover strip (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=mend) Page header cover strip Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=mend)Mend set: whole pages (https://patternpaste.com/sets/mend/) Page header Own palette ## Spur , Page header cover strip (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=spur) Page header cover strip Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=spur)Spur set: whole pages (https://patternpaste.com/sets/spur/) Page header Own palette ## Vow , Page header cover strip (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=vow) Page header cover strip Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/page-header-cover-strip.html#variant=vow)Vow set: whole pages (https://patternpaste.com/sets/vow/) Page header Own palette ## Plum and blush , Page header lap (https://patternpaste.com/pattern/page-header-lap.html#variant=plum-and-blush) Page header lap Authored font stack with theme and device fallbacks Plum and blush (https://patternpaste.com/pattern/page-header-lap.html#variant=plum-and-blush)Vow (https://patternpaste.com/pattern/page-header-lap.html#variant=vow) Page header Own palette ## Vow , Page header lap (https://patternpaste.com/pattern/page-header-lap.html#variant=vow) Page header lap Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/page-header-lap.html#variant=vow)Vow set: whole pages (https://patternpaste.com/sets/vow/) Page header Own palette ## Almond and bordeaux , Page header rule (https://patternpaste.com/pattern/page-header-rule.html#variant=almond-and-bordeaux) Page header rule Authored font stack with theme and device fallbacks Almond and bordeaux (https://patternpaste.com/pattern/page-header-rule.html#variant=almond-and-bordeaux)Bough (https://patternpaste.com/pattern/page-header-rule.html#variant=bough)Crumb (https://patternpaste.com/pattern/page-header-rule.html#variant=crumb)Folio (https://patternpaste.com/pattern/page-header-rule.html#variant=folio)Mend (https://patternpaste.com/pattern/page-header-rule.html#variant=mend)Spur (https://patternpaste.com/pattern/page-header-rule.html#variant=spur)Vow (https://patternpaste.com/pattern/page-header-rule.html#variant=vow) Page header Own palette ## Bough , Page header rule (https://patternpaste.com/pattern/page-header-rule.html#variant=bough) Page header rule Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/page-header-rule.html#variant=bough)Bough set: whole pages (https://patternpaste.com/sets/bough/) Page header Own palette ## Crumb , Page header rule (https://patternpaste.com/pattern/page-header-rule.html#variant=crumb) Page header rule Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/page-header-rule.html#variant=crumb)Crumb set: whole pages (https://patternpaste.com/sets/crumb/) Page header Own palette ## Folio , Page header rule (https://patternpaste.com/pattern/page-header-rule.html#variant=folio) Page header rule Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/page-header-rule.html#variant=folio)Folio set: whole pages (https://patternpaste.com/sets/folio/) Page header Own palette ## Mend , Page header rule (https://patternpaste.com/pattern/page-header-rule.html#variant=mend) Page header rule Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/page-header-rule.html#variant=mend)Mend set: whole pages (https://patternpaste.com/sets/mend/) Page header Own palette ## Spur , Page header rule (https://patternpaste.com/pattern/page-header-rule.html#variant=spur) Page header rule Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/page-header-rule.html#variant=spur)Spur set: whole pages (https://patternpaste.com/sets/spur/) Page header Own palette ## Vow , Page header rule (https://patternpaste.com/pattern/page-header-rule.html#variant=vow) Page header rule Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/page-header-rule.html#variant=vow)Vow set: whole pages (https://patternpaste.com/sets/vow/) ## 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 (https://patternpaste.com/how-it-works/). Read how we test patterns (https://patternpaste.com/how-we-test/). All Core Patterns (https://patternpaste.com/patterns/)