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.

DesignSetGo vs 4WP Smart Link