WordPress blog post list patterns, Pattern Paste Canonical: https://patternpaste.com/patterns/posts/ 8 layout options 3 Styled looks No plugin needed # WordPress blog post list patterns Show your posts with WordPress blog patterns: dated lists and grids of openings, hand-written or as a live Query Loop that reads your own posts. 11 layout options shown Showing 1–11 of 11 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 Cover No plugin needed ## Cover contents A full-bleed photograph under a heavy veil of your contrast colour, set like a magazine contents page: a large eyebrow, a display title and a short lede, then a ruled list of four rows, each a small clear photograph, a number, a large title and a text link. Cover Preview pattern (https://patternpaste.com/pattern/cover-contents.html) Shot in Twenty Twenty-Five Blog No plugin needed ## Post featured lead Two Query Loops read as one section: the newest post opens at display size with its featured image, its byline and an excerpt, and the three behind it sit in a rail beside it as ruled date-and-title lines with no picture at all. Blog Preview pattern (https://patternpaste.com/pattern/post-featured-lead.html) Shot in Twenty Twenty-Five Blog No plugin needed ## Post grid A run of writing as three openings across: each is a 3:2 image frame inset in its own mat, a hairline drawn beneath it that runs wider than the picture, and under the rule a tracked kicker, a title set tight and a date. Blog Preview pattern (https://patternpaste.com/pattern/post-grid.html) Shot in Twenty Twenty-Five Blog No plugin needed ## Lead over the recent row Two Query Loops read as one section, turned through ninety degrees: the newest post runs the full measure with a wide 21:9 picture, a byline and an excerpt, and the three behind it sit under it as a row of three ruled date-and-title columns with no picture at all. Blog Preview pattern (https://patternpaste.com/pattern/post-lead-stack.html) Shot in Twenty Twenty-Five Blog No plugin needed ## Post list An illustrated article index: a cropped WordPress photograph and tracked date sit in a narrow left column, beside a large title and short standfirst. Blog Preview pattern (https://patternpaste.com/pattern/post-list.html) Shot in Twenty Twenty-Five Blog No plugin needed ## Post query grid A live Query Loop as three openings across: each post is its featured image inset in a mat, a hairline drawn beneath it that runs wider than the picture, and under the rule the post's author, its title and its date. Blog Preview pattern (https://patternpaste.com/pattern/post-query-grid.html) Shot in Twenty Twenty-Five Blog No plugin needed ## Post query list A live Query Loop as a dated index: each post is a ruled row where its date hangs outside the measure in its own left column, with the title and an excerpt set against it. Blog Preview pattern (https://patternpaste.com/pattern/post-query-list.html) Shot in Twenty Twenty-Five Blog No plugin needed ## Posts cover front page A newspaper front page set on one photograph: a heavy veil of your theme's contrast colour over the picture, a masthead ruled across the top, the lead story low in the left two thirds with a kicker, a display headline that links to the post, a standfirst and a byline, and a ruled right column headed "Also in this issue" listing three more stories between hairlines. Blog Preview pattern (https://patternpaste.com/pattern/posts-cover-front-page.html) Cover Own palette ## Dusk and apricot , Cover contents (https://patternpaste.com/pattern/cover-contents.html#variant=dusk-and-apricot) Cover contents Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/cover-contents.html#variant=dusk-and-apricot) Blog Own palette ## Teal and ivory , Post featured lead (https://patternpaste.com/pattern/post-featured-lead.html#variant=teal-and-ivory) Post featured lead Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/post-featured-lead.html#variant=teal-and-ivory) Blog Own palette ## Forest and apricot , Posts cover front page (https://patternpaste.com/pattern/posts-cover-front-page.html#variant=forest-and-apricot) Posts cover front page Authored font stack with theme and device fallbacks Explore this design (https://patternpaste.com/pattern/posts-cover-front-page.html#variant=forest-and-apricot) ## Choose a layout for your page Use a Query Loop pattern when the list should update itself, and a hand-written list when you choose the posts. Keep excerpts short. 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/)