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.

Hiren Patel

Ripal Patel

<p>Custom Posts Order plugin will order posts with simple Drag and Drop Sortable capability. Place a shortcode in page, post, text widget or template files to display in front-end. It’s that simple.</p>
<ol>
<li>Quick and easy drag and drop for rearranging of posts.</li>
<li>Set the number of posts to display in front-end.</li>
<li>User can add different list of sections of particular posts.</li>
</ol>
<h4>Usage</h4>
<p>Place this shortcode in page, post or text widget where you’d like to display posts.</p>
<pre><code>[posts_order posts=2 section=porder_name]
</code></pre>
<h4>Parameters</h4>
<p>Custom Posts Order plugin supports the “posts” parameter where you can pass the number of posts you want to display in frontend and “section” parameter where you can pass the name of the section to be displayed in frontend. For example if you want to display 3 posts from Section1 at a time then place the following code:</p>
<pre><code>[posts_order posts=3 section=Section1]
</code></pre>
<p>By default it displays 5 posts.</p>
<h4>Templates</h4>
<p>Place this shortcode in any template parts of your theme.</p>
<pre><code><?php echo do_shortcode('[posts_order posts=3 section="Section1"]'); ?>
</code></pre>


Custom Posts Order

A plugin which allows you to order the posts with simple Drag and Drop Sortable capability.

Random Posts for Query Loop Block vs Custom Posts Order