Archive Posts Widget

🎯 Purpose

Designed specifically for Archive templates (created via Theme Builder), this widget dynamically displays all posts that meet the archive criteria—such as category pages, tag listings, or date-based archives.

🧩 Content & Layout Controls

• Skins: Choose between Classic (text-focused listing) and Cards (modern, boxed layout).

• Columns: Configure 1 to 6 columns for your layout.

• Image Settings:

  • Control position (top, left, right, or hide entirely)

  • Set image resolution, aspect ratio, and width.

• Masonry Layout: Enable for uneven grid styling.

• Post Elements: Toggle visibility for titles, excerpts, metadata (author, date, comments), and customize title tag and excerpt length.

• Badges & Avatars (Cards skin only): Display taxonomy labels or author avatars.

• Read More Button: Show or hide, set label text, and auto-align bottom for consistent height across cards.

• Separators: Customize divider character or use dynamic tags.

Your site’s global post-per-page setting (WordPress Reading Settings) dictates how many posts appear before pagination occurs. Unlimited Elements for Elementor+8Elementor+8GeoDirectory+8Elementor

🔁 Pagination & Load Options

• Pagination Types: Choose from numbers, prev/next arrows, combined styles, load-on-click, or infinite scroll.

  • Configure page limits, spinner styles, button labels, alignment, icons for “load more,” and optional “no more posts” message.

  • Use Individual Pagination to separate multiple archive widgets on the same page. Elementor+1Elementor+1Elementor

🎨 Style Settings

• Grid Spacing: Set custom column and row gaps, and alignment (left, center, right).

• Card Styling (Cards skin only): Adjust background, borders, radius, padding, shadows, hover effects, and metadata border.

• Image Filters & Spacing: Add CSS filters and spacing between image and text.

• Text Styling: Customize typography and color for titles, excerpts, and meta content.

• Button Styling: Configure “Read More” button typography, color, background, borders, shadows, padding, and icons.

• Pagination Appearance: Style number links, arrows, load-more buttons, spinners, and alignment options. Elementor+1Elementor+1

⚙️ Advanced Features

• No Content Message: Customize fallback text when no posts match the archive.

• Responsive Settings: Adjust layout and styling per device.

• Advanced Controls: Fine-tune spacing, Z-index, animations, motion effects, custom CSS, HTML anchors, and visibility.

✅ Best Practices

• Use Classic skin for simple listings and Cards skin for visual emphasis.

• Enable masonry for magazine-style layouts.

• Keep excerpt lengths consistent for balanced design.

• Use badges and avatars sparingly to highlight author or category.

• Choose pagination type based on content volume—use infinite scroll for continuous browsing.

• Use container wrappers to manage spacing and alignment.

📌 When to Use

• Category, tag, date, or author archive pages.

• Custom post-type archive templates.

• Automated archive layouts via Theme Builder.

The Archive Posts widget offers a robust, customizable interface for building stylish and functional archive pages—all dynamically pulling the correct posts based on the user’s navigation context.