Adam Husar / Pixel Hero

Query Loop Masonry Lite transforms your WordPress Query Loop blocks into stunning masonry and Pinterest-style layouts. Built specifically for the WordPress block editor, this plugin works seamlessly with core blocks – no proprietary markup, no vendor lock-in.
<h4>What is Masonry Layout?</h4>
Masonry layout arranges items in a grid where each item flows into the next available space, like bricks in a wall. Unlike traditional grids with fixed row heights, masonry creates dynamic, visually engaging layouts where content of varying heights fits together perfectly.
<h4>Features</h4>
<ul>
<li>Masonry Layout – Transform any Query Loop into a beautiful Pinterest-style grid</li>
<li>Works with Core Blocks – Uses native WordPress Query Loop blocks</li>
<li>No Vendor Lock-in – Standard WordPress markup, easy to switch or customize</li>
<li>Lightweight – Optimized Masonry.js library with minimal footprint</li>
<li>Responsive – Automatically adapts to different screen sizes</li>
</ul>
<h4>Any Issues or Bugs?</h4>
This plugin was created by a solo developer who genuinely cares about quality. If you encounter any issues or something isn’t working as expected, please use the <a href="https://wordpress.org/support/plugin/ph-queryloop-masonry-lite/" rel="ugc">WordPress.org support forums</a> on this page and open a support topic before leaving a negative rating.
I actively maintain this plugin to work with the latest WordPress codebase and I’m very responsive to user feedback. Give me a chance to help you – most issues can be resolved quickly!
<h4>How It Works</h4>
<ol>
<li>Create or edit a Query Loop block</li>
<li>Switch to Grid layout in the toolbar</li>
<li>Set Grid Item Position to Manual</li>
<li>Enable Masonry in the block sidebar</li>
<li>Your posts now display in a beautiful masonry layout</li>
</ol>
<h4>Upgrade to Premium</h4>
<a href="https://wpqueryloopmasonry.com/" rel="nofollow ugc">Query Loop Masonry Premium</a> unlocks the full potential of masonry layouts with advanced controls:
Responsive Breakpoints 
Set different layouts for 6 screen sizes – Mobile, Small, Medium, Large, Wide, and Huge. Perfect responsive control for any device.
Column Control 
Define 1-16 columns per breakpoint. Create layouts that adapt beautifully from mobile to desktop.
Aspect Ratio Rules 
Control image aspect ratios with 7 presets: Square (1:1), Portrait (3:4, 2:3), Landscape (4:3, 3:2, 16:9), and Ultra Wide (21:9).
Column Span 
Make featured posts span multiple columns for visual hierarchy and emphasis.
Advanced Targeting 
Target “Every Nth” item or “Only” specific positions. Choose between “in a Row” or “in this Grid” targeting modes.
One-Time Payment, Lifetime License 
No subscriptions. No monthly fees. No hidden costs. Pay once and get lifetime access to updates and priority support.
<a href="https://wpqueryloopmasonry.com/" rel="nofollow ugc">Get Query Loop Masonry Premium</a>

Query Loop Masonry Lite

Add beautiful masonry layouts to WordPress Query Loop blocks. Pinterest-style grids with no vendor lock-in.

themeansar

Ansar Elements is a fast, lightweight Elementor addon built for news, blog, and magazine websites.
Build dynamic post displays with the Post Query Loop widget — choose from Standard, Overlay, or List card layouts, Pro has Filter posts by category or tag, control columns and gaps responsively, and add pagination. No coding needed.
Every widget is built with SEO-friendly HTML structure, support for Schema Markup, and fast loading performance which helps your website appear more relevant and fast to search engines.
<a href="https://sites.themeansar.com/ae/lite" rel="nofollow ugc">Free Demo</a> | <a href="https://themeansar.com/ansar-elements/" rel="nofollow ugc">Pro</a> | <a href="https://docs.themeansar.com/docs/ansar-elements/" rel="nofollow ugc">Documentation</a>
<h4>📰 Post Query Loop Widget</h4>
The core widget. Full control over how your posts are displayed:
Layout
<ul>
<li>3 card presets: Standard (image top), Overlay (content over image), and List (horizontal)</li>
<li>Responsive columns — set 1–5 columns separately for desktop, tablet, and mobile</li>
<li>Control column gap and row gap independently</li>
<li>Works with any post type</li>
</ul>
Query
<ul>
<li>Filter posts by category, tag, author, or custom taxonomy</li>
<li>Set posts per page (1–100)</li>
<li>Order by date, popularity, or custom fields</li>
</ul>
Card Content
<ul>
<li>Show or hide: featured image, title, excerpt, category, meta, and read more button</li>
<li>Control excerpt length</li>
<li>Custom button text and icon</li>
</ul>
Pagination
<ul>
<li>Numbered pagination with previous / next controls</li>
<li>Custom prev/next labels</li>
</ul>
Full Style Controls
<ul>
<li>Style every card element — image, title, category, meta, excerpt, and button</li>
<li>All styling controls are responsive</li>
</ul>
<h4>🛠️ Theme Builder Modules</h4>
Build the full site around your content:
<ul>
<li>Header Builder – Custom headers for your blog or news site</li>
<li>Footer Builder – Dynamic footers with full widget support</li>
<li>Archive Builder – Custom layouts for category and tag pages</li>
<li>Single Post Builder – Unique templates for posts and articles</li>
<li>404 Page Builder – Branded error pages</li>
</ul>
<h4>🧩 Theme Builder Widgets</h4>
Enhance your website’s header and navigation experience with these essential Elementor widgets:
<ul>
<li>Site Logo – Custom sizing and linking</li>
<li>Site Title & Tagline – Styled to match your brand</li>
<li>Navigation Menu – Horizontal, vertical, or mobile-expandable</li>
<li>Search Widget – Multiple layout styles</li>
<li>Copyright – Auto-updating year, zero maintenance</li>
<li>Date & Time – Display current date/time in various formats</li>
<li>Breadcrumb – Improve navigation and SEO with clear, structured breadcrumb trails.</li>
<li>Live Search – Provide instant search results as users type for a faster browsing experience.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/header/" rel="nofollow ugc">Light/Dark Toggle</a> – Let visitors switch between light and dark modes for comfortable reading.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/header/" rel="nofollow ugc">Scroll to Top</a> – Smooth scroll-to-top button for better navigation on long articles.</li>
</ul>
<h4>✅ Why Ansar Elements</h4>
<ul>
<li>Lightweight — scripts and styles load only where used, keeping your site fast</li>
<li>Works with the free version of Elementor</li>
<li>Built specifically for news, blog, and magazine sites</li>
<li>Beginner-friendly with advanced controls for power users</li>
<li>Follows WordPress coding standards</li>
<li>Compatible with most modern WordPress themes</li>
</ul>
<h4>⚡ Pro Version</h4>
Unlock advanced publishing features and take your website to a professional level:
<ul>
<li>Category Filter Bar – Let visitors filter posts by category without a page reload</li>
<li>Section Heading – Styled headings with accent lines above your post grids</li>
<li>Post Counter – Display post numbers on each card</li>
<li>Editorial Layout Widget – Magazine-style layouts with featured + supporting post combinations</li>
<li>Featured Posts Widget – Hero layouts: cover, left/right side, top/bottom with small posts</li>
<li>Engagement widgets – Trending posts, related posts, author box, social share</li>
<li>Advanced pagination – Improve navigation with clean, numbered pagination.</li>
<li>Dark mode support – Built-in light/dark toggle for better UX</li>
<li>WooCommerce compatible – Works with online stores and product blogs</li>
<li>Single Post Enhancers – Reading time, breadcrumbs, meta controls</li>
</ul>
Upgrade to Pro for a professional, high-performance publishing experience.
<h4>Widgets Included</h4>
Transform your content with these powerful Elementor widgets:
<ul>
<li><a href="https://themeansar.com/ansar-elements/elements/news-ticker/" rel="nofollow ugc">News Ticker</a> – Display scrolling breaking news with customizable speed, direction, and styling.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-query-loop/" rel="nofollow ugc">Post Query Loop</a> – Create stunning blog post grids with multiple layouts, filtering, and pagination options.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/featured-posts/" rel="nofollow ugc">Featured posts</a> – Build professional magazine-style layouts with featured posts and category sections.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-slider/" rel="nofollow ugc">Post Slider</a> – Display your posts in an elegant slider layout â€” ideal for featuring the latest news and updates.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-carousel/" rel="nofollow ugc">Post Carousel</a> – Display posts in beautiful sliding carousel with navigation controls. </li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-tab-trending/" rel="nofollow ugc">Post Tab Trending</a> – Highlight trending content in organized tabs for better user engagement.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/featured-posts-category-filter/" rel="nofollow ugc">Featured Posts Category filter</a> – Let users easily explore posts by category with interactive filtering options.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-timeline/" rel="nofollow ugc">Post timeline</a> – Tell stories or showcase updates in a clean, chronological timeline layout.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-accordian/" rel="nofollow ugc">post accordion</a> – Organize content into expandable sections for a neat and user-friendly interface.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/table-of-contents/" rel="nofollow ugc">table of contents</a> – Improve readability and navigation with an auto-generated content index.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/comparison-table/" rel="nofollow ugc">Comparison Table</a> – Present features, plans, or products side-by-side for easy decision-making.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/heading/" rel="nofollow ugc">Heading Widget</a> – Advanced heading styles with animations and decorative elements.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/creative-button/" rel="nofollow ugc">Creative Button</a> – Drive conversions with eye-catching call-to-action buttons featuring dynamic hover effects and icons.</li>
</ul>
<h4>💡 Built For</h4>
News websites · Online magazines · Bloggers · Content publishers · Editorial sites · Personal blogs

Post Query Loop for Blog, News & Magazine Sites – Ansar Elements

Display posts in beautiful grid, list & magazine layouts with a powerful Query Loop widget for Elementor — Fast and lightweight.

Query Loop Masonry Lite vs Post Query Loop for Blog, News & Magazine Sites – Ansar Elements