dotsunited-wordpress-plugin / editor-grid
WordPress editor extension to create and manage grids.
Installs: 110
Dependents: 0
Suggesters: 0
Security: 0
Stars: 3
Watchers: 6
Forks: 1
Open Issues: 0
Language:JavaScript
Type:wordpress-plugin
Requires
- php: >=5.3.0
- composer/installers: ~1.0
README
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.