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.

4wpdev

Anatoliy Dovgun

Make Cover, Group, and Column blocks fully clickable in Gutenberg.
Build Query Loop post cards where visitors can click the image or padding to open the post—while the post title, categories, tags, and buttons keep their own links.
A plugin by <a href="https://4wp.dev/plugin/4wp-smart-link/" rel="nofollow ugc">4wp.dev</a>.
<h4>Demo</h4>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/8ZGojkTl2CM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Perfect for</h4>
<ul>
<li>Clickable post cards in a Query Loop</li>
<li>Cover heroes that link to a landing page, the current post, or Enlarge on click (core lightbox)</li>
<li>Group or Column layouts that behave like one big tap target</li>
</ul>
<h4>How it works</h4>
<ol>
<li>Select a Cover, Group, or Column block.</li>
<li>Open Smart Link in the block toolbar.</li>
<li>Choose Custom Link, Post Link (inside a Query Loop post template), or on Cover with an image background: Link to image file / Enlarge on click.</li>
<li>Open Preview or the published page to test clicks.</li>
</ol>
Smart Link runs on the published front end. The block editor canvas may not show the same click area as the live site—use Preview when you check behavior.
<h4>When the block already has links inside</h4>
If the block has no other links inside, the whole block opens your URL.
If you added a Post Title, buttons, or terms inside the block, those links still work separately. Clicking empty space (background, padding) opens your Smart Link URL—without broken nested links. 
For developers and theme authors
Anchor mode (no inner links): wraps markup in <code><a class="forwp-smart-link-wrapper forwp-smart-link-wrapper--{cover|group|column}"></code> with <code>data-forwp-smart-link</code>.
Host mode (inner links present): uses <code>data-forwp-smart-link-url</code> and <code>assets/forwp-smart-link-frontend.js</code> so link-in-link HTML is never output; inner anchors stay separate.
Filters: <code>forwp_smart_link_supported_blocks</code>, <code>forwp_smart_link_has_inner_links</code>, <code>forwp_smart_link_use_host_mode</code>.
Style <code>.forwp-smart-link-wrapper</code> on the front end. Editor-only classes (<code>forwp-smart-link-cover-panel*</code>) are not stable for theme CSS.
Source and issues: <a href="https://github.com/4wpdev/4wp-smart-link" rel="nofollow ugc">4wp-smart-link on GitHub</a>.

4WP Smart Link

Make Cover, Group, and Column blocks fully clickable in Gutenberg and Query Loop—no wrapper block, no custom code.

Query Loop Masonry Lite vs 4WP Smart Link