Get Moduly free
Gutenberg · Content & Layout · live demoPost TabsGroup posts by topic in tabs readers switch between.

Post Tabs

Core has no tabs, and to group posts by category you would stack one Query Loop per category down the page. This block puts your categories (or tags, or any taxonomy of any post type) in proper accessible tabs: pick them in order or take the busiest, add an “All” tab and post counts, and choose underline, pill, boxed, segmented or plain tabs above or beside the posts. Panels are either all rendered with the page, or only the first, with the others loaded the moment they are opened through requests the server signs. Each tab can be linked to from the address, so a link to #tab-style-guides opens that tab, and switching tabs keeps the address up to date. Cards come with the picture on top, beside, under the text or not at all, with category, author, date, comments, reading time, an excerpt, read more and a View all link per tab.

Ready-made patterns

Inserter → Patterns → Moduly: newsroom tabs, tabs at the side (these load on demand), and picture tabs. Try this link to open a tab directly: #tab-sustainability.

From the newsroom

Behind the Seams

How We Choose a Cotton Mill

admin1 min read

We visited eleven mills before settling on two. Here is the checklist we used, from fibre length to…

Browse by topic

More set-ups

Tabs on the right · boxed · chosen tabs (Studio News, Garment Care, Sustainability) without “All” · loaded on demand · own anchor “journal”

Tags as tabs, A to Z · plain text tabs, centred · text-only cards · switch on hover