WordPress header patterns, Pattern Paste Canonical: https://patternpaste.com/patterns/nav/ 6 layout options 10 Styled looks No plugin needed # WordPress header patterns Copy a WordPress site header into the Gutenberg editor: the name, a menu and one action, built from core navigation blocks for your block theme. 16 layout options shown Showing 1–16 of 16 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 Header No plugin needed ## Nav bar A header bar on one line: a heavy, tightly tracked wordmark at the left edge against tiny widely tracked links at the right, one solid action beside them, and a hairline under the whole bar. Header Preview pattern (https://patternpaste.com/pattern/nav-bar.html) Shot in Twenty Twenty-Five Header No plugin needed ## Nav menu The header that drives a real menu: your site logo and name at the left, your WordPress navigation menu standing against a full-height currentColor hairline, and a search field with a visible label behind it. Header Preview pattern (https://patternpaste.com/pattern/nav-menu.html) Shot in Twenty Twenty-Five Header No plugin needed ## Nav stack A header built as a masthead rather than an app bar: a micro-row of tracked uppercase meta (address, hours, telephone) sits over a hairline, and under it the main row carries the wordmark, your WordPress menu and one filled action over a 3px rule. Header Preview pattern (https://patternpaste.com/pattern/nav-stack.html) Shot in Twenty Twenty-Five Header No plugin needed ## Header station board A compact wordmark and broad destination links turn the header into a typographic signboard, with a separate address and opening-hours rail. Header Preview pattern (https://patternpaste.com/pattern/nav-station-board.html) Shot in Twenty Twenty-Five Header No plugin needed ## Nav utility bar A local-business header in two bands: a thin reversed strip across the top carries a tap-to-call telephone number, the opening hours and the area served, and under it the bar holds the name, your WordPress menu and one Book online button over a hairline. Header Preview pattern (https://patternpaste.com/pattern/nav-utility-bar.html) Shot in Twenty Twenty-Five Header No plugin needed ## Header wayfinding plaque A projecting nameplate beside two stacked routes: the visitor menu above a ruled contact and booking rail. Header Preview pattern (https://patternpaste.com/pattern/nav-wayfinding-plaque.html) Header Own palette ## Folio , Nav bar (https://patternpaste.com/pattern/nav-bar.html#variant=folio) Nav bar Authored font stack with theme and device fallbacks Folio (https://patternpaste.com/pattern/nav-bar.html#variant=folio)Mend (https://patternpaste.com/pattern/nav-bar.html#variant=mend)Navy and sky (https://patternpaste.com/pattern/nav-bar.html#variant=navy-and-sky)Folio set: whole pages (https://patternpaste.com/sets/folio/) Header Own palette ## Mend , Nav bar (https://patternpaste.com/pattern/nav-bar.html#variant=mend) Nav bar Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/nav-bar.html#variant=mend)Mend set: whole pages (https://patternpaste.com/sets/mend/) Header Own palette ## Bough , Nav stack (https://patternpaste.com/pattern/nav-stack.html#variant=bough) Nav stack Authored font stack with theme and device fallbacks Bough (https://patternpaste.com/pattern/nav-stack.html#variant=bough)Parchment and claret (https://patternpaste.com/pattern/nav-stack.html#variant=parchment-and-claret)Spur (https://patternpaste.com/pattern/nav-stack.html#variant=spur)Vow (https://patternpaste.com/pattern/nav-stack.html#variant=vow)Bough set: whole pages (https://patternpaste.com/sets/bough/) Header Own palette ## Spur , Nav stack (https://patternpaste.com/pattern/nav-stack.html#variant=spur) Nav stack Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/nav-stack.html#variant=spur)Spur set: whole pages (https://patternpaste.com/sets/spur/) Header Own palette ## Vow , Nav stack (https://patternpaste.com/pattern/nav-stack.html#variant=vow) Nav stack Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/nav-stack.html#variant=vow)Vow set: whole pages (https://patternpaste.com/sets/vow/) Header Own palette ## Citron and graphite , Header station board (https://patternpaste.com/pattern/nav-station-board.html#variant=citron-and-graphite) Header station board Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/nav-station-board.html#variant=citron-and-graphite) Header Own palette ## Bough , Nav utility bar (https://patternpaste.com/pattern/nav-utility-bar.html#variant=bough) Nav utility bar Authored font stack with theme and device fallbacks Bough (https://patternpaste.com/pattern/nav-utility-bar.html#variant=bough)Crumb (https://patternpaste.com/pattern/nav-utility-bar.html#variant=crumb)Frost and spruce (https://patternpaste.com/pattern/nav-utility-bar.html#variant=frost-and-spruce)Mend (https://patternpaste.com/pattern/nav-utility-bar.html#variant=mend)Bough set: whole pages (https://patternpaste.com/sets/bough/) Header Own palette ## Crumb , Nav utility bar (https://patternpaste.com/pattern/nav-utility-bar.html#variant=crumb) Nav utility bar Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/nav-utility-bar.html#variant=crumb)Crumb set: whole pages (https://patternpaste.com/sets/crumb/) Header Own palette ## Mend , Nav utility bar (https://patternpaste.com/pattern/nav-utility-bar.html#variant=mend) Nav utility bar Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/nav-utility-bar.html#variant=mend)Mend set: whole pages (https://patternpaste.com/sets/mend/) Header Own palette ## Ivory and indigo , Header wayfinding plaque (https://patternpaste.com/pattern/nav-wayfinding-plaque.html#variant=ivory-and-indigo) Header wayfinding plaque Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/nav-wayfinding-plaque.html#variant=ivory-and-indigo) ## Choose a layout for your page Pick a bar for a short menu and a stacked header when the site has many places to go. The menu is a core Navigation block, so it reads your own menu. 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/)