WEB LAZER

<p>Weblazer Infinite Scroll provides a way to add infinite scrolling to your WordPress archives. Built with performance in mind, it is written in Vanilla JS and relies on the native Intersection Observer API for efficient scroll detection.</p>
<p>This plugin is specifically optimized for modern WordPress block themes and the Query Loop block, ensuring seamless integration with the Site Editor. It also features URL synchronization, which updates the browser address bar as users scroll through different pages.</p>
<h3>For Developers</h3>
<p>You can hook into the event when new posts are loaded to re-run your custom scripts:</p>
<pre><code>document.addEventListener('weblazer:infinite-scroll:posts-loaded', (e) => {
    console.log('Page loaded:', e.detail.page);
    console.log('URL:', e.detail.url);
});
</code></pre>


Weblazer Infinite Scroll for Block Themes

High-performance infinite scroll for WordPress. Native JS, SEO-friendly with URL synchronization. Optimized for Block Themes and the Query Loop block.

Abhay Rautela

<p>The Query Loop block in WordPress does not include a “Random” ordering option in the sidebar UI.<br />
However, WordPress core <em>does</em> support <code>orderby = rand</code> in <code>WP_Query</code>.</p>
<p>The problem:<br />
Using <code>"orderBy": "rand"</code> inside a Query Loop block can cause the <strong>Site Editor preview to fail</strong>, because <code>rand</code> is not included in the REST API schema for posts.</p>
<p>This plugin fixes that by extending the REST API orderby enum so the editor recognizes <code>"rand"</code> as valid.</p>
<h3>✔ What this plugin does</h3>
<ul>
<li>Adds <code>"rand"</code> to the REST API <code>orderby</code> enum for posts and pages.  </li>
<li>Allows the Query Loop block to use <code>"orderBy": "rand"</code> safely.  </li>
<li>Prevents JSON errors and broken previews in the Site Editor.  </li>
<li>Makes “random post” layouts work reliably both in the editor and frontend.</li>
</ul>
<h3>⚠ What this plugin does <em>not</em> do</h3>
<ul>
<li>It does <strong>not</strong> add a “Random” option to the Query Loop UI dropdown.<br />
(That UI is defined in Gutenberg’s JavaScript.)</li>
<li>You must still set <code>"orderBy": "rand"</code> manually using the Code Editor.</li>
</ul>
<h3>Example use case</h3>
<p>Want your homepage, blog, quotes site, testimonials, or featured-section to show<br />
<strong>a different post every time the page loads?</strong></p>
<p>Install this plugin <span aria-hidden="true" class="wp-exclude-emoji">→</span> open the template <span aria-hidden="true" class="wp-exclude-emoji">→</span> switch to Code Editor <span aria-hidden="true" class="wp-exclude-emoji">→</span> set <code>"orderBy": "rand"</code>.</p>


Random Posts for Query Loop Block

Adds "rand" to the REST API orderby options so the Query Loop block can use random post order safely without breaking the Site Editor preview.

Weblazer Infinite Scroll for Block Themes vs Random Posts for Query Loop Block