Quovex Blocks adds three focused, modern blocks to the native Gutenberg block editor — a filterable, paginated Query Grid (a post grid with grid, list, masonry, and carousel layouts), a magazine-style Content Showcase, and a dismissible Notification Banner for announcements and alerts. Query Grid and Content Showcase both work with any public post type — Posts, Pages, WooCommerce products, or any custom post type registered on your site — not just Posts.
Great for: a recent posts or featured posts grid, a custom post type or portfolio grid, a post carousel / slider, a related content section, a magazine-style homepage showcase, and an announcement bar, alert, or notice at the top of any page.
Why this plugin?
- No separate builder layer: everything is a native block, edited with the block editor you already use — no new page-building interface to learn, no plugin-specific UI to fight.
- Works with any post type: pick Posts, Pages, or any custom post type registered on your site, right from the block’s own settings — not hardcoded to Posts.
- Real interactivity, no jQuery: search, filtering, pagination, carousels, and image hotspots are all built on WordPress’s own Interactivity API — lightweight, no extra JS framework loaded on your frontend.
- SEO-friendly pagination: Query Grid’s numbered pagination uses real, crawlable links with a configurable URL segment (e.g.
/your-site/quovex-page/2/) — not JavaScript-only buttons search engines can’t follow.
- Cache-aware by design: every query is cached and automatically invalidated the moment a post, category, or tag changes — fast without ever showing stale content.
- Clean uninstall: deactivating leaves your data untouched; deleting the plugin removes every option and cached value it created. Nothing lingers in your database.
Blocks
Query Grid — post grid, list, masonry & carousel block
A filterable, paginated grid of posts — use it as a recent posts grid, a featured or custom post type grid, or a post carousel / slider.
- Four layouts as native Style Variations: Grid, List, Masonry, and Carousel.
- Works with any public post type — Posts, Pages, or any custom post type registered on your site.
- Optional search bar and category/taxonomy filter pills (multi-select within a taxonomy).
- Optional sidebar layout for search + filters, with left/right placement.
- Numbered pagination or a “Load more” button — your choice.
- “Show all posts” toggle to disable pagination entirely for smaller lists.
- Two-tone heading with a colored accent word, full color controls for pills/pagination/meta text, and responsive column counts (mobile/tablet/desktop).
- Font family and font weight controls (pulled from your active theme, no separate fonts to install) for the heading, card titles, excerpts, meta text, filter pills, and pagination.
Content Showcase — magazine & featured posts block
A magazine-style showcase of up to three posts, automatic or hand-picked — ideal for a homepage featured section or an editor’s picks strip.
- Four layouts as native Style Variations: Magazine (one large card + smaller ones beside it), Split (alternating text/image rows), Overlay (text floating on the image), and Two-Thirds/One-Third (a large featured post beside a stacked column, divided by a vertical rule).
- Works with any public post type — Posts, Pages, or any custom post type registered on your site.
- Automatic mode (latest posts, optionally filtered by category/taxonomy) or manual mode (hand-pick a specific post for each slot).
- Optional section heading with a colored accent word and a subheading.
- Per-slot control over which post shows its image, date, and excerpt.
- Interactive image hotspots — add clickable pins anywhere on a post’s image, each opening a small popover with its own title, text, and optional link.
- Optional “Explore More” button with a custom label, link, and colors.
- Color controls for the heading, card titles, dates, excerpts, and hotspot pins/tooltips.
- Font family and font weight controls (pulled from your active theme, no separate fonts to install) for the heading, subheading, card titles, excerpts, dates, and the Explore button.
Notification Banner — announcement bar & alert block
A dismissible announcement bar or alert box for promos, notices, sales, and updates.
- Four presets (Announcement, Info, Success, Warning) and five style variations (Gradient Background, Left Accent, Soft Card, Glassmorphism, Outline).
- Icon picker: emoji, a built-in dashicon, or a small SVG icon set.
- Editable title and message, an optional CTA button with its own label, link, and open-in-new-tab option.
- Dismiss button with “remember dismissal” (stored in the visitor’s browser, so a dismissed banner stays hidden on their next visit).
- Color and typography controls (font family/weight, pulled from your active theme) for the background, text, accent, and button.
Source Code
The build/ directory ships compiled, minified JavaScript and CSS. Its uncompiled source, along with the build tooling to regenerate it (npm install && npm run build), is publicly available at https://github.com/akshat009/quovex-blocks.