Pattern Paste
Subscribe

46 layout options23 Styled looksNo plugin needed

WordPress gallery patterns

WordPress gallery layouts built from editable blocks: image grids, paired photographs and editorial arrangements to copy into your block theme.

69 layout options shown

Showing 1–50 of 69

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

Explore pattern

Banded pairs rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Banded pairs

Three full-width bands stacked with no gap between them, alternating between your base and your contrast colour, each holding a pair of 3:2 photograph frames with a tracked caps label, a short heading and a caption under each frame.

GalleryPreview pattern
Before and after change spine rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Before and after change spine

Two equal square photographs frame a narrow record of three interior styling decisions.

GalleryPreview pattern
Before and after pairs rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Before and after pairs

Recent work for a builder, a landscaper or a decorator, shown as three static before and after pairs.

GalleryPreview pattern
Case study spread rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Case study spread

One project told in full on a dark slab: a label and a display headline, a large photograph with a smaller one lapping its lower corner and hanging below it, then three columns for the brief, what was done and what it became, the last closing on three big figures, and a client's line under a hairline.

EditorialPreview pattern
Case study summary rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Case study summary

One project told as a case study.

GalleryPreview pattern
Contact sheet rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Contact sheet

Six square frames packed three across in two rows, with a tight gutter so the six read as one printed sheet, each frame numbered under a hairline rule.

GalleryPreview pattern
Cover filmstrip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover filmstrip

A full-bleed band in your theme's contrast colour with a display heading, a short lede and a button, over a single row of five tall photographs that runs into both edges of the page: the middle three are whole frames numbered 02 to 04 on small plates, and the first and last are narrower crops flush to the page edges, so the strip reads as cut by the page.

CoverPreview pattern
Cover mosaic rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover mosaic

Five photographs as cover tiles locked into one bento grid: a large square, a tall portrait, two small tiles and a wide panorama, with an ink slab carrying the eyebrow, heading, lede and button in the sixth cell.

CoverPreview pattern
Cover portholes rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover portholes

A tall full-bleed photograph with three large circular photographs of decreasing size centred on its lower edge, half on the picture and half on your theme's paper, each captioned below.

CoverPreview pattern
Cover stair rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover stair

Three tall portrait photographs in a row, each set lower than the last by the same step so their tops form a staircase, with a numbered label and a short title under each.

CoverPreview pattern
Cover trio rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Cover trio

Three photograph frames in a row, each a cover with a small caption plate in its bottom-left corner, and the middle frame raised above the other two.

GalleryPreview pattern
Cover triptych rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveCoverNo plugin needed

Cover triptych

One landscape photograph cut into three tall panels hung side by side with a gap of your page between them: each panel is a cover at exactly a third of the picture's shape, focused on its own third, so the image runs on across the gaps.

CoverPreview pattern
Drift columns rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Drift columns

Six portrait frames in three columns of two, each column started lower than the one before it, so the frames read as a descending diagonal.

GalleryPreview pattern
Duo weight rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Duo weight

Two photograph frames at deliberately unequal weight: a tall 3:4 portrait across 64% of the width and a small square at 36%, sitting on the same bottom line.

GalleryPreview pattern
Editorial lap rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Editorial lap

A two-frame editorial spread where an inverted headline slab laps up over the first photograph and breaks out of its column.

EditorialPreview pattern
Mirror masthead, a variation of Editorial lap rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveEditorialNo plugin needed

Mirror masthead

Frames swapped, the lap breaking right instead of left, and the headline set in caps with open tracking.

Variation of Editorial lapPreview pattern
Frame quartet rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Frame quartet

Four square photographs in a two-by-two grid, each one inset inside its own ruled plate with a generous mat of white space around it and a small tracked caption underneath, so the four read as framed prints rather than tiles.

GalleryPreview pattern
Six framed prints rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Six framed prints

Six square photographs in two rows of three, each one inset inside its own ruled plate with a mat of the band's own ground around it and a small tracked numeral and caption below, so the wall reads as six framed prints rather than six tiles.

GalleryPreview pattern
Frieze band rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Frieze band

Five portrait frames butted edge to edge with no gutter between them, running the full width of the page as one continuous band, with a constrained intro above and a small tracked caption line below.

GalleryPreview pattern
Collected in colour rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Collected in colour

Six mixed-proportion photographs form three staggered columns under a generous editorial introduction.

GalleryPreview pattern
Colour parade rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Colour parade

Five numbered colour studies pair square photographs with oversized numerals and short captions.

GalleryPreview pattern
Cross currents rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Cross currents

Two offset rows compare four distinct photographs beneath a three-part editorial introduction.

GalleryPreview pattern
Gallery darkroom wall rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Gallery darkroom wall

A selected-work wall on a dark slab: ten photographs hung in three bands, a wide frame beside a tall one, then a staggered trio of columns where portrait and landscape frames interlock, then the first band mirrored, every band ending level.

GalleryPreview pattern
Gallery ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Gallery ledger

A gallery set as an index rather than a grid: four ruled rows, each with a small numeral in the left margin, one panoramic 21:9 frame in the middle and a title with a tracked meta line on the right.

GalleryPreview pattern
The long way round rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

The long way round

Five travel photographs make a still filmstrip with alternating landscape and portrait frames, each with its own caption.

GalleryPreview pattern
Gallery spread rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Gallery spread

An editorial spread with a one-sided bleed: a tall 2:3 portrait frame runs off the left edge of the viewport while the type column beside it stops flush with the 1240px measure, and a small 3:2 frame sits under the lede.

GalleryPreview pattern
Gallery thank-you tile rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Gallery thank-you tile

A thank-you gallery where the words take one photograph's place: a six-cell grid of 4:5 frames with short captions, the second cell an inverted tile of the same size holding a short thank-you heading, three lines and two links, to the full album and to add your own.

GalleryPreview pattern
Half and half rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Half and half

A fifty-fifty split in which one frame equals four: a single square on the left and a two-by-two of four squares on the right, at a tight gutter, so the two halves occupy the same rectangle.

GalleryPreview pattern
Hero name and contact strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroNo plugin needed

Hero name and contact strip

A portfolio home hero where the person's name is the headline, set at the width of the page, then a hairline with one line of discipline and place, a short sentence, a filled and a text-link action and an availability note, then a strip of five photographs of equal height, each with a frame number and place beneath like a contact sheet.

HeroPreview pattern
Index strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Index strip

A carousel standing still: one wide 3:2 lead frame at the full measure, a tracked label and a position counter under it, and a strip of five square thumbnails at equal width, the first one marked as current by a hairline rule beneath it.

GalleryPreview pattern
Lead and rail rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Lead and rail

One wide 16:9 lead frame with a vertical rail of three square thumbnails beside it, tuned so the rail finishes level with the bottom of the lead, and a two-part caption row under the pair.

GalleryPreview pattern
Margin notes rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Margin notes

Three stacked 3:2 photograph frames in a wide right-hand column, each with its caption hanging in a narrow left margin, and a single 1px rule running unbroken down the join for the whole height of the section.

GalleryPreview pattern
Plate lap rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Plate lap

Two photographs made into one object by overlap: a tall portrait frame with a smaller landscape frame lapping over its lower-right corner, hanging past both the bottom and the right edge, and a caption plate below squaring the pair back up.

GalleryPreview pattern
Proof strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Proof strip

A full-bleed band holding a narrow 34rem ribbon of four portrait frames stacked one under another, each ruled off by a hairline and captioned with a tracked title and one short line.

GalleryPreview pattern
Quote gallery rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Quote gallery

A display-size quotation held between two portrait frames.

GalleryPreview pattern
Ragged grid rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Ragged grid

A two-by-two photograph grid in which every frame keeps a different proportion: square, three-by-two, four-by-five and sixteen-by-nine.

GalleryPreview pattern
Social scatter rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Social scatter

A copy column with a label, a large heading, a paragraph and one button beside four photographs in two columns, each column one tall frame and one short one, the second column dropped lower so the cluster reads pinned to a wall rather than laid on a grid.

GalleryPreview pattern
Stagger pairs rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Stagger pairs

Three stacked rows of two photograph frames each, split roughly 64/36, with the wide frame changing sides from row to row and a hairline ruling the joins.

GalleryPreview pattern
Timeline archive rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline archive

A history set as a contact sheet: eight square photographs four across in two tight rows, each filed under a currentColor hairline with the date in wide-tracked caps and three or four words of title.

TimelinePreview pattern
The spread as chapters rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

The spread as chapters

Three eras as three chapters, each one a wide 21:9 photograph with its type filed beneath it: the date range at display size on the left, the title and a paragraph of copy on the right.

TimelinePreview pattern
Timeline frames rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline frames

An image-led history: four dated milestones, each a portrait photograph cropped to 4:5 with its date and title on a slab beneath it, under a currentColor hairline that butts the frame.

TimelinePreview pattern
Frames with a ledger, a variation of Timeline frames rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Frames with a ledger

The composition changes rather than the colour: the four staggered frames are unchanged, and a full-width ruled row is added beneath them listing the same four dates with a short note for each.

Variation of Timeline framesPreview pattern
Timeline spread rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

Timeline spread

Three eras, each given a whole editorial spread: a photograph on one side and, on the other, the date range set at display size with a title and a paragraph of copy under it.

TimelinePreview pattern
The archive as a strip rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTimelineNo plugin needed

The archive as a strip

A history taken in one pass: eight narrow 2:3 photographs in a single row across the whole measure, set hard against each other, each filed under a currentColor hairline with its date in wide-tracked capitals and nothing else.

TimelinePreview pattern
Wall labels rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryNo plugin needed

Wall labels

Five portrait frames hung in one row at deliberately unequal widths, bottom-aligned so their tops are ragged and their bases sit on one line, each with a small museum wall label beneath it: a tracked uppercase title and a line of medium and year.

GalleryPreview pattern
Work index ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveListingsNo plugin needed

Work index ledger

A project index kept as a ledger: eight rows between hairlines, each a small print of the work and then its year, client, one line on the project and the discipline, newest first.

ListingsPreview pattern

Choose a layout for your page

Choose a regular grid for a consistent collection, a paired layout to compare images, or an editorial arrangement to give one photograph more weight. Review the crops with your own images.

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

All Core Patterns