20 layout options13 Styled looksNo plugin needed

WordPress editorial layout patterns

Long-form WordPress editorial patterns: article sections with a measure, a side rail and room to read, built from core blocks for your theme.

33 layout options shown

Showing 1–33 of 33

Sort byPer page

Shot in Twenty Twenty-FiveTeamNo plugin needed

About founder story

An about-page story told by the founder.

TeamPreview pattern

About pull quote photo rendered in Twenty Twenty-Five

Shot in Twenty Twenty-FiveTeamNo plugin needed

A founder’s story led by a large pull quote on a plate that laps up over an offset pair of photographs, a tall one and a shorter one dropped lower, with a signed attribution, a short paragraph and a text link.

TeamPreview pattern

Shot in Twenty Twenty-FiveTeamNo plugin needed

About stacked plates

An about-us story set as three stacked plates: a photograph mounted on a pale mat, the mat on a larger inverted plate, and the story itself on a third plate lapped over the lower corner of the frame.

TeamPreview pattern

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Article footer

The close of an article: a portrait of the author beside their name, the biography under both inside a currentColor slip held to the middle half of the measure, and the previous and the next post hanging off the two outer edges so the section reads as a doorway rather than a footer.

EditorialPreview pattern

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Bio leads

The composition changes rather than the colour: the slip moves to the left and takes two thirds of the measure, portrait and all, and the two exits stack in one narrow ruled column at the right, so the section reads as a card with an index beside it.

Variation of Article footerPreview pattern

Shot 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

Shot 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

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Chapter rail

A chapter of a guide: a narrow rail on the left carries the chapter numeral at display size and a short contents list, and stays put while the prose on the right scrolls past it.

EditorialPreview pattern

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Comments region

The comment thread as a ruled record: a long rule under the count, then every comment opened by a currentColor hairline with the name tracked small against a plain date, the comment set at reading size, and the reply link tracked back down to the name's size.

EditorialPreview pattern

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Hanging byline

The composition changes rather than the colour: the name and date leave the top of each comment and hang in a narrow left column beside it, so every comment becomes a two column record and the thread reads as a ledger of who said what.

Variation of Comments regionPreview pattern

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Content columns

A long-form editorial section held to a strict reading measure, with a narrow sidenote rail hanging outside it: each note sits under its own hairline beside the paragraph it annotates, and drops beneath that paragraph on a phone.

EditorialPreview pattern

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Editorial cover contents

A screen-height cover like a magazine's: a heavy veil of your theme's contrast colour over the photograph, a display headline hung in the lower left and a numbered contents list in a narrow column at the top right, each entry a number, a title and one line between hairline rules.

EditorialPreview pattern

Shot 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

Shot 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

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Figure break

A reading column interrupted by one wide photograph: the prose holds a strict measure, the figure breaks out to twice that width, and its caption hangs from a small index at the figure's left edge before the column resumes.

EditorialPreview pattern

Shot 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

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Newsprint columns

A magazine body: a running head on a rule, a wide headline, then the prose packed into two true text columns under it with numbered footnotes gathered on a rule at the foot.

EditorialPreview pattern

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Open letter

A statement set as a letter: a centred eyebrow, headline and short rule open it, the body runs left-aligned at a generous size and line height down one narrow measure, and it closes with a sign-off set in italic at display size.

EditorialPreview pattern

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Quote break

A reading column broken by one quotation: two hairlines run wider than the measure and between them the line is set at display size, with its source on a short rule beneath, before the prose resumes at its own width.

EditorialPreview pattern

Shot in Twenty Twenty-FiveEditorialNo plugin needed

Story two voices

How we met, told twice: two monogram circles head two columns, Nell and Sam, then three questions set across the full width, each answered once by each of them side by side, the answers disagreeing a little.

EditorialPreview pattern

Team Own palette