Smart Query Slider
v1.0.2 Creator

Detailed description

The Smart Query Slider block for Hexatenberg is a dynamic Gutenberg carousel built to showcase WordPress content in a clean, modern, and conversion-friendly format. Instead of static grids, you can highlight key content areas with a flexible slider that stays fully manageable inside native WordPress workflows.

This block is designed for real production needs: content query controls, responsive layout logic, navigation styles, dots, motion options, and card template integration. It helps teams build stronger editorial sections like “Latest News”, “Featured Resources”, “Top Pages”, “Case Studies”, or “Offers” without external builders.

Why use Smart Query Slider in Gutenberg

  • Automate content display from posts, pages, or CPT sources.
  • Improve browsing flow with an interactive format.
  • Increase visibility of high-priority pages and articles.
  • Keep a native WordPress editing and maintenance model.

Smart content source controls

The block supports multiple content strategies:

  • Dynamic queries by post type, order, and sorting.
  • Advanced filtering (taxonomy, author, include/exclude IDs, simple meta query).
  • Manual content selection to curate exact slides.

This hybrid approach is ideal when you need both automation and editorial precision depending on page context.

Responsive layout and visual control

Smart Query Slider includes practical controls for scalable UI systems:

  • Slides per view for desktop, tablet, and mobile.
  • Slide behavior by single step or grouped page step.
  • Optional navigation and dot pagination with visual presets.
  • Inside/outside navigation placement with fine positioning.
  • Full control over colors, sizes, radius, spacing, and visual states.

These settings allow the same block to match corporate design systems, editorial layouts, and product-driven interfaces.

UX, SEO, and performance benefits

This block supports key SEO and UX goals:

  • Better content discovery through dynamic highlighting.
  • Stronger internal linking opportunities across strategic pages.
  • Potentially stronger engagement signals (session depth, interaction rate).
  • Accessibility-focused behavior (keyboard navigation, optional aria-live, focus states).

On the frontend, the rendering approach is optimized for real-world usage and smooth interaction.

Recommended use cases

  • Latest posts slider on homepage sections.
  • Featured service pages in landing blocks.
  • Topic-based carousels filtered by taxonomy.
  • Dynamic content rows for blog, news, or resources.
  • Visual CPT showcases (portfolio, testimonials, case studies, products).

The Smart Query Slider is a strong foundation block for teams that want dynamic, SEO-aware, and visually controlled content sections while preserving a native Gutenberg authoring experience.

Performance

Zero useless scripts, Vanilla JS only.

Native Gutenberg

WCAG compliance for all users.

Creator Vanilla JS

Smart Query Slider

JS Weight

< 2kb

Version

1.0.2

WCAG

WCAG 2.1 AA

2

Likes

1

Downloads

Dependencies None
License Creator
Accessibility WCAG 2.1 AA Compliance

Vanilla JS Architecture

Guaranteed zero technical debt, optimized for Core Web Vitals.