Categories

Introduction

The Category Tabs Widget in ModernPress allows you to display posts dynamically based on selected categories. Users can easily filter posts by clicking on category tabs, making it a perfect solution for blogs, news websites, and content-heavy pages.


Key Features:

โœ… 4 Unique Tab Styles โœ… Post Filtering by Category (No Page Reload) โœ… Customizable Layout & Styling โœ… Dynamic or Manually Selected Categories โœ… Full Typography & Color Control


Adding the Category Tabs Widget

1

Open your WordPress Dashboard.

2

Edit a page with Elementor.

3

Search for "Category Tabs" in the ModernPress Widgets panel.

4

Drag and drop the widget into your section.

5

Select the categories you want to display and customize the layout.


Layouts Overview

Layout 1 - Standard Tabs

๐Ÿ“Œ Classic tabbed navigation with a clean and structured look. ๐ŸŽจ Best for blogs, news sites, and knowledge bases.

Layout 2 - Underline Tabs

๐Ÿ“Œ Tabs are highlighted with an animated underline on selection. ๐ŸŽจ Ideal for modern and professional website designs.

Layout 3 - Pill-Style Tabs

๐Ÿ“Œ Rounded, button-like tabs for a sleek and stylish appearance. ๐ŸŽจ Great for interactive and engaging content layouts.

Layout 4 - Boxed Tabs

๐Ÿ“Œ Each tab is enclosed in a box for a structured, card-like effect. ๐ŸŽจ Works well for eCommerce, portfolios, and magazine-style layouts.


Customization Options

Content Settings

๐Ÿ“Œ Select Categories โ€“ Choose which categories to display as tabs. ๐Ÿ”„ Filter Type โ€“ Ajax-based filtering for smooth transitions. ๐Ÿ“ฐ Post Display Options โ€“ Show featured image, title, meta info, and excerpt.

Style Settings

๐ŸŽจ Tab Styles โ€“ Choose from default, underlined, pill, or boxed styles. ๐Ÿ“ Typography & Colors โ€“ Customize text, background, and hover effects. ๐Ÿ”ฒ Spacing & Alignment โ€“ Adjust tab positioning and layout gaps. โœจ Animation Effects โ€“ Enable smooth transitions when switching tabs.

Advanced Features

๐Ÿ“ฑ Responsive Adjustments โ€“ Optimize for mobile and tablet displays. โšก Lazy Loading โ€“ Load posts dynamically for faster performance.


FAQs

Can I change the default selected tab?

Yes! In the Content Settings, you can choose which category tab is active by default.

Does the filtering require a page reload?

No, the widget uses AJAX filtering, allowing instant post updates without refreshing the page.


Need Help?

For support, contact us at support@modernpress.com.

Last updated