WordPress gallery patterns, Pattern Paste Canonical: https://patternpaste.com/patterns/gallery/ 46 layout options 23 Styled looks No 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 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 Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/banded-pairs.html) Shot in Twenty Twenty-Five Gallery No plugin needed ## Before and after change spine Two equal square photographs frame a narrow record of three interior styling decisions. Gallery Preview pattern (https://patternpaste.com/pattern/before-after-change-spine.html) Shot in Twenty Twenty-Five Gallery No plugin needed ## Before and after pairs Recent work for a builder, a landscaper or a decorator, shown as three static before and after pairs. Gallery Preview pattern (https://patternpaste.com/pattern/before-after-pairs.html) Shot in Twenty Twenty-Five Editorial No 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. Editorial Preview pattern (https://patternpaste.com/pattern/case-study-spread.html) Shot in Twenty Twenty-Five Gallery No plugin needed ## Case study summary One project told as a case study. Gallery Preview pattern (https://patternpaste.com/pattern/case-study-summary.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/contact-sheet.html) Shot in Twenty Twenty-Five Cover No 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. Cover Preview pattern (https://patternpaste.com/pattern/cover-filmstrip.html) Shot in Twenty Twenty-Five Cover No 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. Cover Preview pattern (https://patternpaste.com/pattern/cover-mosaic.html) Shot in Twenty Twenty-Five Cover No 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. Cover Preview pattern (https://patternpaste.com/pattern/cover-portholes.html) Shot in Twenty Twenty-Five Cover No 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. Cover Preview pattern (https://patternpaste.com/pattern/cover-stair.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/cover-trio.html) Shot in Twenty Twenty-Five Cover No 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. Cover Preview pattern (https://patternpaste.com/pattern/cover-triptych.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/drift-columns.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/duo-weight.html) Shot in Twenty Twenty-Five Editorial No 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. Editorial Preview pattern (https://patternpaste.com/pattern/editorial-lap.html) Shot in Twenty Twenty-Five Editorial No 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 lap Preview pattern (https://patternpaste.com/pattern/editorial-lap.html#variant=mirror-masthead) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/frame-quartet.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/frame-sextet.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/frieze-band.html) Shot in Twenty Twenty-Five Gallery No plugin needed ## Collected in colour Six mixed-proportion photographs form three staggered columns under a generous editorial introduction. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-collected-colour.html) Shot in Twenty Twenty-Five Gallery No plugin needed ## Colour parade Five numbered colour studies pair square photographs with oversized numerals and short captions. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-colour-parade.html) Shot in Twenty Twenty-Five Gallery No plugin needed ## Cross currents Two offset rows compare four distinct photographs beneath a three-part editorial introduction. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-cross-currents.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-darkroom-wall.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-ledger.html) Shot in Twenty Twenty-Five Gallery No plugin needed ## The long way round Five travel photographs make a still filmstrip with alternating landscape and portrait frames, each with its own caption. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-long-way-round.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-spread.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/gallery-thank-you-tile.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/half-and-half.html) Shot in Twenty Twenty-Five Hero No 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. Hero Preview pattern (https://patternpaste.com/pattern/hero-name-contact-strip.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/index-strip.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/lead-and-rail.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/margin-notes.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/plate-lap.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/proof-strip.html) Shot in Twenty Twenty-Five Gallery No plugin needed ## Quote gallery A display-size quotation held between two portrait frames. Gallery Preview pattern (https://patternpaste.com/pattern/quote-gallery.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/ragged-grid.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/social-scatter.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/stagger-pairs.html) Shot in Twenty Twenty-Five Timeline No 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. Timeline Preview pattern (https://patternpaste.com/pattern/timeline-archive.html) Shot in Twenty Twenty-Five Timeline No 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. Timeline Preview pattern (https://patternpaste.com/pattern/timeline-chapters.html) Shot in Twenty Twenty-Five Timeline No 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. Timeline Preview pattern (https://patternpaste.com/pattern/timeline-frames.html) Shot in Twenty Twenty-Five Timeline No 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 frames Preview pattern (https://patternpaste.com/pattern/timeline-frames.html#variant=frames-ledger) Shot in Twenty Twenty-Five Timeline No 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. Timeline Preview pattern (https://patternpaste.com/pattern/timeline-spread.html) Shot in Twenty Twenty-Five Timeline No 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. Timeline Preview pattern (https://patternpaste.com/pattern/timeline-strip.html) Shot in Twenty Twenty-Five Gallery No 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. Gallery Preview pattern (https://patternpaste.com/pattern/wall-labels.html) Shot in Twenty Twenty-Five Listings No 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. Listings Preview pattern (https://patternpaste.com/pattern/work-index-ledger.html) Gallery Own palette ## Pumice and olive , Before and after change spine (https://patternpaste.com/pattern/before-after-change-spine.html#variant=pumice-and-olive) Before and after change spine Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/before-after-change-spine.html#variant=pumice-and-olive) Gallery Own palette ## Limestone and fern , Before and after pairs (https://patternpaste.com/pattern/before-after-pairs.html#variant=limestone-and-fern) Before and after pairs Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/before-after-pairs.html#variant=limestone-and-fern) Editorial Own palette ## Folio , Case study spread (https://patternpaste.com/pattern/case-study-spread.html#variant=folio) Case study spread Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/case-study-spread.html#variant=folio)Folio set: whole pages (https://patternpaste.com/sets/folio/) Gallery Own palette ## Concrete and copper , Case study summary (https://patternpaste.com/pattern/case-study-summary.html#variant=concrete-and-copper) Case study summary Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/case-study-summary.html#variant=concrete-and-copper) Cover Own palette ## Roast and oat , Cover filmstrip (https://patternpaste.com/pattern/cover-filmstrip.html#variant=roast-and-oat) Cover filmstrip Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/cover-filmstrip.html#variant=roast-and-oat) Cover Own palette ## Track red and bone , Cover mosaic (https://patternpaste.com/pattern/cover-mosaic.html#variant=track-red-and-bone) Cover mosaic Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/cover-mosaic.html#variant=track-red-and-bone) Cover Own palette ## Smoke and brass , Cover portholes (https://patternpaste.com/pattern/cover-portholes.html#variant=smoke-and-brass) Cover portholes Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/cover-portholes.html#variant=smoke-and-brass) Cover Own palette ## Slate and bracken , Cover stair (https://patternpaste.com/pattern/cover-stair.html#variant=slate-and-bracken) Cover stair Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/cover-stair.html#variant=slate-and-bracken) Cover Own palette ## Rust and celadon , Cover triptych (https://patternpaste.com/pattern/cover-triptych.html#variant=rust-and-celadon) Cover triptych Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/cover-triptych.html#variant=rust-and-celadon) Editorial Own palette ## Ink and sand , Editorial lap (https://patternpaste.com/pattern/editorial-lap.html#variant=ink-and-sand) Editorial lap Uses your theme’s typeface Explore this design (https://patternpaste.com/pattern/editorial-lap.html#variant=ink-and-sand) Gallery Own palette ## Cobalt and chalk , Frame quartet (https://patternpaste.com/pattern/frame-quartet.html#variant=cobalt-and-chalk) Frame quartet Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/frame-quartet.html#variant=cobalt-and-chalk) Gallery Own palette ## Cream And Burgundy , Collected in colour (https://patternpaste.com/pattern/gallery-collected-colour.html#variant=cream-and-burgundy) Collected in colour Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/gallery-collected-colour.html#variant=cream-and-burgundy) Gallery Own palette ## Pink And Oxblood , Colour parade (https://patternpaste.com/pattern/gallery-colour-parade.html#variant=pink-and-oxblood) Colour parade Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/gallery-colour-parade.html#variant=pink-and-oxblood) Gallery Own palette ## Indigo And Seaglass , Cross currents (https://patternpaste.com/pattern/gallery-cross-currents.html#variant=indigo-and-seaglass) Cross currents Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/gallery-cross-currents.html#variant=indigo-and-seaglass) Gallery Own palette ## Folio , Gallery darkroom wall (https://patternpaste.com/pattern/gallery-darkroom-wall.html#variant=folio) Gallery darkroom wall Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/gallery-darkroom-wall.html#variant=folio)Folio set: whole pages (https://patternpaste.com/sets/folio/) Gallery Own palette ## Cobalt And Chalk , The long way round (https://patternpaste.com/pattern/gallery-long-way-round.html#variant=cobalt-and-chalk) The long way round Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/gallery-long-way-round.html#variant=cobalt-and-chalk) Gallery Own palette ## Crumb , Gallery spread (https://patternpaste.com/pattern/gallery-spread.html#variant=crumb) Gallery spread Authored font stack with theme and device fallbacks Crumb (https://patternpaste.com/pattern/gallery-spread.html#variant=crumb)Terracotta and linen (https://patternpaste.com/pattern/gallery-spread.html#variant=terracotta-and-linen)Crumb set: whole pages (https://patternpaste.com/sets/crumb/) Gallery Own palette ## Vow , Gallery thank-you tile (https://patternpaste.com/pattern/gallery-thank-you-tile.html#variant=vow) Gallery thank-you tile Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/gallery-thank-you-tile.html#variant=vow)Vow set: whole pages (https://patternpaste.com/sets/vow/) Hero Own palette ## Folio , Hero name and contact strip (https://patternpaste.com/pattern/hero-name-contact-strip.html#variant=folio) Hero name and contact strip Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/hero-name-contact-strip.html#variant=folio)Folio set: whole pages (https://patternpaste.com/sets/folio/) Gallery Own palette ## Vow , Plate lap (https://patternpaste.com/pattern/plate-lap.html#variant=vow) Plate lap Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/plate-lap.html#variant=vow)Vow set: whole pages (https://patternpaste.com/sets/vow/) Gallery Own palette ## Plum and blush , Social scatter (https://patternpaste.com/pattern/social-scatter.html#variant=plum-and-blush) Social scatter Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/social-scatter.html#variant=plum-and-blush) Gallery Own palette ## Charcoal and saffron , Wall labels (https://patternpaste.com/pattern/wall-labels.html#variant=charcoal-and-saffron) Wall labels Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/wall-labels.html#variant=charcoal-and-saffron) Listings Own palette ## Folio , Work index ledger (https://patternpaste.com/pattern/work-index-ledger.html#variant=folio) Work index ledger Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/work-index-ledger.html#variant=folio)Folio set: whole pages (https://patternpaste.com/sets/folio/) ## 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 (https://patternpaste.com/how-it-works/). Read how we test patterns (https://patternpaste.com/how-we-test/). All Core Patterns (https://patternpaste.com/patterns/)