Post Tab
Group posts by topic in tabs readers switch between.
Posts grouped into tabs by category, tag or any taxonomy, with five tab styles, side tabs, an All tab, card layouts and on-demand loading.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Licence: free — installs straight from Moduly
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for Post Tab. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Query
| Setting | What you can set |
|---|---|
| Source | Post, Page, Floating Element, Project, Download or Product |
| Tabs From | Categories (post), Tags (post), Download Categories (download), Download Tags (download), Categories, Tags, Project Categories (project), Project Tags (project), … (11 in all) · The taxonomy whose terms become the tabs. Pick one that belongs to the source. |
| Tabs | Uncategorized · In this order. Leave empty to use the terms with the most posts. |
| Tabs | In this order. Leave empty to use the terms with the most posts. |
| Automatic Tabs | When no tabs are picked. |
| Automatic Tabs Order | Most posts first or Name A–Z |
| Posts per Tab | Number |
| Order By | Date, Last Modified, Title, Comment Count, Author, Menu Order, ID or Random |
| Order | Descending or Ascending |
| Exclude Current Post | On / off |
| Query ID | Passed to the mdly_elementor_post_tab_query_args filter, so code can change this widget’s query. |
| Nothing Found Message | Text |
Tabs
| Setting | What you can set |
|---|---|
| “All” Tab | On / off |
| “All” Label | Text |
| Post Count on Tabs | On / off |
| Tab Style | Underline, Pills, Boxed (Happy style), Segmented or Minimal text |
| Tabs Position | Left, Top or Right |
| Tabs Alignment | Start, Center, End or Stretch |
| Scroll Tabs Sideways on Phones | One row that scrolls instead of wrapping onto several lines. |
| Switch Tabs On | Click or Hover |
| Panel Animation | None, Fade or Fade up |
| Load Tabs | With the page (instant) or On demand (AJAX) · On demand loads a tab’s posts the first time it is opened — lighter pages for many tabs. |
| “View All” Link | On / off |
| Link Text | %s is replaced by the tab name. |
Posts
| Setting | What you can set |
|---|---|
| Columns | Pick one |
| Card Layout | Image on top, Image beside the text, Text over the image or Text only |
| Image Resolution | any registered image size |
| Image Ratio | 1:1, 4:3, 3:2, 16:9, 3:4, 4:5 or Original |
| Title HTML Tag | H1, H2, H3, H4, H5, H6, div, span, … (9 in all) |
| Category Label | The post’s first term — most useful on the “All” tab. |
| Author | On / off |
| Author Avatar | On / off |
| Date | On / off |
| Date Format | Site Default, October 10, 2026, Oct 10, 2026, 10 Oct 2026, 2026-10-10, 10/10/2026, 10.10.2026, Relative (3 days ago), … (9 in all) |
| Custom Format | Text |
| Comments Count | On / off |
| Reading Time | On / off |
| Meta Icons | On / off |
| Excerpt | On / off |
| Excerpt Length (words) | Number |
| Read More | On / off |
| Read More Text | Text |
| Alignment | Left, Center or Right |
Style tab: design controls for Tab Bar, Tab Item, Grid, Card, Image, Title, Meta, Excerpt or Read More & View All — colours, typography, spacing, borders and hover states.
Tips
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- On-demand loading needs the widget to be saved in a document (a normal Elementor page or template); in unsaved previews it renders every panel instead.
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
Related
- Works well with: Archive Posts, Archive Title, Card.