manuelmasia

Here is the demo page: <a href="http://www.pixedelic.com/plugins/pixgridder" title="PixGridder" rel="nofollow ugc">PixGridder</a> where a link to Pro version is available (pixgridder-pro)
I prefer to define this plugin as a “grid builder” instead of a page builder, because a page builder is commonly intended as a tool that allows to create sections and, usually, comes with shortcodes such as tabs, accordions, particular sections, galleries etc… And, in many cases, all these shortcodes are not compatible with other similar plugins you could prefer to use.
PixGridder is instead very simple, because it only allows to split your page into rows and columns by moving the functions available on your tinyMCE editor from the whole page to each column you decide to split your page into. In this way you can use the plugins you prefer with the shortcodes you prefer (and also the buttons available on your tinyMCE editor) since the editor is exactly the same one you would have without using PixGridder.
<h4>How it works</h4>
PixGridder doesn’t generate shortcodes, it only puts into your posts and pages some html comments like this: <code></code>
They’re invisible except through the source code. So if you want to disable the plugin you don’t have to worry about a lot of strange and unuseful shortcodes across your content because everything will be hidden for both the users and the search engine robots.
However, if you want to remove any trace of the plugin from the source code of a page, you can do it by enabling the “no trace” option: you’ll get rid of all the HTML comments, but you’ll keep unaltered your content.
<h4>Page builder visual description</h4>
Take a look to the <a href="https://s.w.org/plugins/pixgridder/screenshot-2.jpg" rel="nofollow ugc">2nd screenshot</a>
<ol>
<li>title and version of the installed plugin</li>
<li>Preview tab: by clicking it you will see the live site with a preview of the changes, not editable from the preview visual itself</li>
<li>Builder tab: where you can edit your page/post by using the grid builder</li>
<li>row dragger: use it to sort your rows and move them to the top or to the bottom</li>
<li>ID and class: use it to open a dialog box where to add an ID or a class to your row</li>
<li>clone button: clone your entire row and append the clone below the original one (everything will be cloned, cloumns, IDs, classes etc.)</li>
<li>column select: select how many columns your row is based on</li>
<li>delete: remove the row</li>
<li>alert icon: this icon will appear when you make a not-allowed operation, such as adding a column where there is no space for other columns or try to reduce the width of column if it already has got the minimum width allowed</li>
<li>add row: click to add an empty row</li>
<li>add column: click to add an empty column</li>
<li>column dragger: use it to sort your columns and move them to the left or to the right inside a row</li>
<li>column content: here is displayed a preview of the content (the font and the text color won’t reflect on the frontend)</li>
<li>expand column: click to increase the width of the column</li>
<li>contract column: click to reduce the width of the column</li>
<li>edit column: click to open a dialog box where to edit the content of the column (a tinyMCE editor will open in the dialog box, the width of the textarea will be relative to the max width set for the theme you’re using and the width of the column you’re editing)</li>
<li>clone button: clone your entire column and append the clone to the right of the original one, if there is enough space (everything will be cloned, content, ID, class etc.)</li>
<li>ID and class: use it to open a dialog box where to add an ID or a class to your column</li>
<li>delete: remove the column</li>
<li>“Disable the grid builder”: tick the checkbox and update the page → now the page is editable without using the grid builder, but the frontend still displays columns and rows, so pay attention to not remove any html comment or you risk to break the layout</li>
<li>“Remove any trace of PixGridder from this page”: tick the checkbox and update the page → all the row and the columns will be removed but without touching the content, still available both on the frontend and on the editor</li>
</ol>

PixGridder

A simple page grid composer that splits your pages into ordered grids, a builder for rows and columns

wpunicorn

Post Order Control provides an intuitive drag-and-drop interface for reordering posts, pages, and custom post types directly in the WordPress admin. Built with accessibility and theme compatibility in mind, this plugin uses WordPress’s standard <code>menu_order</code> field for maximum compatibility.
<h4>Key Features</h4>
<ul>
<li>Drag-and-drop ordering directly in WordPress admin post/page lists</li>
<li>WordPress Standard: Uses built-in <code>menu_order</code> field for maximum theme compatibility</li>
<li>Modern admin interface with tabbed settings and comprehensive documentation</li>
<li>Taxonomy ordering for categories, tags, and custom taxonomies</li>
<li>Auto-apply option to automatically use custom order on frontend</li>
<li>REST API for fetching/saving ordering with nonce and capability checks</li>
<li>Helper function <code>postordercontrol_get_ordered_posts()</code> for easy theme integration</li>
<li>Export/Import functionality for backing up ordering data</li>
<li>Accessible design with keyboard navigation and screen reader support</li>
<li>I18n ready with included POT file</li>
</ul>
<h4>How It Works</h4>
This plugin uses WordPress’s built-in <code>menu_order</code> field to store post ordering:
<ul>
<li>Drag-and-drop updates the <code>menu_order</code> value for each post</li>
<li>Theme queries using <code>orderby => 'menu_order'</code> automatically respect your custom order</li>
<li>No custom database tables or complex queries needed</li>
<li>Full compatibility with any theme or plugin that supports <code>menu_order</code></li>
</ul>
<h4>Theme Integration</h4>
The plugin provides multiple ways to integrate with your theme:
Method 1: Helper Function (Recommended) 
 <code>php 
$posts = postordercontrol_get_ordered_posts( array( 
 'post_type' => 'post', 
 'posts_per_page' => 10, 
 'post_status' => 'publish', 
) );</code>
Method 2: Standard WP_Query 
 <code>php 
$query = new WP_Query( array( 
 'post_type' => 'post', 
 'orderby' => 'menu_order', 
 'order' => 'ASC', 
 'posts_per_page' => 10, 
) );</code>
Method 3: Auto-Apply (Global) 
Enable automatic ordering for all frontend queries in the plugin settings.
<h4>Taxonomy Ordering</h4>
The plugin also supports drag-and-drop ordering for taxonomies:
<ul>
<li>Enable taxonomies in the Advanced settings tab</li>
<li>Drag and drop terms in taxonomy admin pages</li>
<li>Use <code>wp_list_categories()</code> with <code>orderby => 'meta_value_num'</code> and <code>meta_key => 'postordercontrol_term_order'</code></li>
</ul>
<h4>Capabilities</h4>
<ul>
<li>By default, users with <code>edit_posts</code> capability can manage ordering</li>
<li>Optionally restrict to <code>manage_options</code> (Administrators only) via Settings</li>
</ul>
<h3>Support</h3>
For support, feature requests, or bug reports, please visit the plugin’s support forum or create an issue in the repository.
<h3>Privacy Policy</h3>
This plugin does not collect, store, or transmit any personal data. All ordering data is stored locally in your WordPress database using WordPress’s standard <code>menu_order</code> field and term meta.
<h3>Credits</h3>
Built with ❤️ by wpunicorn. Uses WordPress’s built-in functionality for maximum compatibility and performance.

Post Order Control – Drag, Drop & Reorder Posts and Post Types

Drag-and-drop ordering for any post type using WordPress's built-in menu_order field. Features modern admin UI and full theme compatibility.

PixGridder vs Post Order Control – Drag, Drop & Reorder Posts and Post Types