WordPress Editor Grid Plugin

A lightweight WordPress Plugin to create and manage grids via the WordPress Post Editor.

Installation

Install with

composer require dotsunited-wordpress-plugin/editor-grid

Note: This plugin does not automatically add the required styles to the frontend pages (only to the Admin Editor), in order to prevent multiple css files from multiple plugins in the site header (which would ruin the pagespeed).

The incorporation into a Webpack workflow with LESS is encouraged.

You can find an example boilerplate for possible frontend styles here, and for a possible WordPress-Webpack setup here.

The HTML generated by the plugin looks like this:

<div class="editor-grid editor-grid-shadow editor-grid-background">
    <div class="editor-grid-container">
        <div class="editor-grid-unit editor-grid-unit-6 editor-grid-shadow editor-grid-background-highlight">
            <!-- Content -->
        </div>
        <div class="editor-grid-unit editor-grid-unit-6 editor-grid-background">
            <!-- Content -->
        </div>
    </div>
</div>

Enabling for additional editors

The grid plugin can be enabled for other editors by registering the editor IDs through the dotsunited_editor_grid_editor_ids filter.

add_filter('dotsunited_editor_grid_editor_ids', function($editor_ids) {
    // WP Editor Widget plugin
    $editor_ids[] = 'wpeditorwidget';
    return $editor_ids;
});

License

Copyright (c) 2015-2018 Dots United GmbH. Released under the MIT license.