Automattic

Tiago Noronha

Nate Allen

Fernando Fernandes

nickpagz

Glynn Quelch

Kim Clow

Automattic Special Projects

Robert Mueller

Tom Rhodes

Geoff Guillain

Derek Hanson

This WordPress plugin adds a load more option to the Query Loop Pagination block in Gutenberg, allowing users to load more posts without refreshing the page. It replaces the traditional <code>Previous</code> <code>Next</code> and numbered pagination, with a customizable, <code>Load More</code> button.
<h3>Instructions</h3>
To use this plugin, you must first add the Query Loop block into your post content, then add the Pagination block inside the Query Loop. When working with the Pagination block, you will see new options to enable load more on the block. 
The load more option allows you to set a loading text parameter and also the button text. The load more button works with the alignment options and arrow options of the pagination block. 
Here is how to enable the load more option:
<ol>
<li>Add the Query Loop block to your post content.</li>
<li>Inside the Query Loop block, add the Pagination block.</li>
<li>In the Pagination block settings, enable the “Load More” option.</li>
<li>Set the loading text parameter and the button text.</li>
<li>Customize the alignment and arrow options if desired.</li>
</ol>
That’s it! Your visitors can now load more posts by clicking the load more button without refreshing the page.
<h3>Customization Options</h3>
<ul>
<li>Alignment: Use standard block editor settings to set the alignment of the load more button</li>
<li>Button: Choose the button option for users to click to load more posts</li>
<li>Button Text: Customize the load more button text</li>
<li>Loading Text: Customize the text for the post loading state</li>
<li>Infinite Scroll: Choose this option to allow new posts to load automatically when users reach the bottom of the feed</li>
<li>Color: Customize the color of the load more button and the loading state icon when using the infinite scroll option</li>
<li>Update URL: Choose this option to update the browser’s URL when loading more posts</li>
</ul>

Query Loop Load More

This WordPress plugin adds a load more option to the Query Loop Pagination block in Gutenberg, allowing users to load more posts without refreshing th …

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 Load More vs 4WP Smart Link