ULTRAKIT · WIDGET #133

Archive Posts shows the posts of whatever archive a visitor is on — the blog page, a category, a tag, an author, a month or a search. Build one template with free Elementor and every archive uses it.

6 layouts8 archive headersauthor cardcategory chipssearch highlightingload moreinfinite scrollfriendly “nothing found”
NEWS & MAGAZINE BLOG · BLOG HOME

A photo cover made from the newest story, with breadcrumbs, the article count, category chips to jump around, the newest story big across the top and page numbers at the bottom.

photo covercategory chipsmagazine layoutpage numbers

The articles on this demo site are example content.

NEWSPAPER · MAGAZINE · PHOTO BLOG

A newspaper masthead with section tabs, a title beside the lead story, and a photo mosaic of the newest posts — the stories in the header are left out of the list below.

newspaper mastheadlead storyphoto mosaicbreadcrumbsupdated date
Newspaper masthead · section tabs
Category

Business

Growth, hiring and money lessons from small US companies and the people who run them.

5 articlesUpdated September 22, 2026
Title + lead story
Category

Technology

Tools, launches and plain-English explainers for people who build on the web.

5 articlesUpdated September 22, 2026
Lead storyReading Code Faster Than You Write ItSeptember 6, 2026
Title + photo mosaic
Category

Travel

Road trips, city guides and weekend escapes across the United States and beyond.

5 articlesUpdated September 22, 2026
SEARCH RESULTS · “DESIGN”

The searched words are highlighted in every title and excerpt, beside a tidy list with the photo on the left — so people find the right article in a glance.

split headerlist layouthighlighted wordsnewer / older links
Search

Results for “design”

371 articles
TECH BLOG · CATEGORY PAGE

A big centered title with the category’s own description, three cards per row and a “Load more” button that adds the next posts right here — no page reload.

centered headercategory descriptioncard gridload more
Category

Technology

Tools, launches and plain-English explainers for people who build on the web.

5 articles
Technology

Reading Code Faster Than You Write It

Most of an engineer's week is spent reading, not writing. Here is how we train for that on purpose.

2 min readRead more
TRAVEL PHOTO JOURNAL · TEXT ON PHOTOS

For travel, food and photography blogs: the first story takes a big tile, the rest sit beside it — titles float on a soft dark fade.

overlay layoutbig first tiledark skin
LIFESTYLE BLOG · MASONRY

Cards of different heights fall into place like a mood board, on warm paper with flat cards — and the next posts load on their own as you scroll.

masonrywarm paper skinflat cardsinfinite scroll
WRITER’S ARCHIVE · MINIMAL

A calm list for writers, newsletters and changelogs: a date badge that lights up on hover, the category and the title — nothing else.

minimal layoutdate badgesplain headerpage numbers
Category

Business

Growth, hiring and money lessons from small US companies and the people who run them.

5 articles
CARD STYLES

Soft shadow, thin border, flat or frosted glass — plus any accent colors, corner roundness and gap.

soft shadowthin borderflatglass
Thin border
Frosted glass
NOTHING FOUND · FRIENDLY EMPTY STATE

When a search finds nothing, visitors get a search box and the most popular topics instead of a blank page.

search boxtopic suggestionsyour own wording
Search

Results for “wedding cakes”

EVERY ARCHIVE, ONE DESIGN

This demo site’s blog, categories and search already use templates built with Archive Posts. Try them.

1

Build it once

Templates → Add New → Section. Drop in Archive Posts and pick a layout, header and pagination.

2

Pick it

Customize → UltraKit Theme → Blog → Blog & archive design (and, if you like, a separate Search results design).

3

Done

The blog page, every category, tag, author, month and search now use your design.