Gridable – The Missing Grid Content Editor

Description

Gridable is a witty solution for WordPress lovers who want to create flexible and reliable grids. Being smoothly integrated into the WordPress’s Editor interface, our plugin becomes a suitable choice for everyone: from people with a technical background to those who are non-techy. It simplifies the entire process of building an extensive range of grids that fit perfectly into various environments.

Gridable allows you to create an adaptable and fully responsive grid in no time. Thanks to options such as row spacing top and bottom, row gutter and row background color everything comes in the right place without effort. Imagine playing around with bold approaches for different sections of your website through a grid system that puts convenience on top of the digital experience.

It has never been easier to create a dynamic grid with such ease and creative freedom.

Complete control

You have a particular set of options that allow you to adjust the grid content editor to your unique brand’s voice and personality. Mix and match colors, spacings, content with images, and make them yours.

No coding required

Gridable is accessible for everyone who handles WordPress. Being so naturally integrated into the platform, every action is a very natural behavior and doesn’t require any special skills.

Continuous improvement

We invest a lot of time and energy into developing Gridable in a way that makes sense and brings real value to its users so that people make the most out of it.

Screenshots

Installation

  1. Activate the plugin through the ‘Plugins’ menu in WordPress
  2. Edit a post, page or a custom post type
  3. Enjoy the “Add Row” button

FAQ

Installation Instructions
  1. Activate the plugin through the ‘Plugins’ menu in WordPress
  2. Edit a post, page or a custom post type
  3. Enjoy the “Add Row” button

Reviews

Nicely minimalistic, but buggy

I really appreciate the minimal code it adds to the page. I usually write something similar to this for my client projects, but this is much nicer in several respects.

However:

  • It’s impossible to insert the cursor after a row if the row is the last thing in the content.
  • You can’t rearrange rows or cut and paste.
  • The Add Row button does not work in the Text editor.
  • Front-end JS file is mostly a giant comment. Minified version should be used, and possibly the dependency on jQuery removed for this tiny little function.

Pretty good plugin

It does a good job together with the right theme. I use the combination of GeneratePress Sections and Gridable. It needs some time to get used to. I still struggle with the layout sometimes.

No developer support

Frontend does not work and there is no developer support on the forums here. Without developer support, it is risky to put on a production site unfortunately. Would have loved to see this project continue more.

Awesome

This is exactly I was trying to make but this is so good that I don’t even need to try. I look forward to seeing some custom setting I can modify its default css or add my own. Thank you for this amazing plugin.

The Best Grid Plugin

Exactly, what I was looking for!

Sleek, feels so natural in the WP environment and supports the 12 column grid, yay!

Read all 6 reviews

Contributors & Developers

“Gridable – The Missing Grid Content Editor” is open source software. The following people have contributed to this plugin.

Contributors

“Gridable – The Missing Grid Content Editor” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “Gridable – The Missing Grid Content Editor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.2

  • A better handling of columns and rows CSS classes
  • Bind the Add Row event dynamically to work with multiple(dynamic) editors. Thanks @tomusborne
  • Avoid triggering errors for Customize Posts plugin by XWP

1.2.1

  • Added specificity to CSS Classes.
    Since there are lots of conflicts with other plugins which uses the .row and .col classes we decided to prefix them with .gridable--row and .gridable--col.
    You can still use the gridable_row_class filter to add your own classes, we just adjusted the defaults.

1.2.0

  • Improved UI style as Gutenberg
  • Rewrite the Column Resize feature which helped us fix a lot of bugs with the content “Copy/Paste” actions
  • Added the ability to have 1 level of Nested rows
  • Added Screenshots to wordpress.org
  • Added a better Distraction-Free editor width

1.1.0

  • Rewrite gridable_sh_row_classes and gridable_sh_col_classes into a more consistent way as gridable_row_class and gridable_column_class
  • Limit the word selection to the column container
  • Fix conflict with Yoast
  • Fix the attributes default selection
  • Make inline preview for bg_color attribute
  • Small fixes

1.0.0

  • Improved the inline grid UI
  • We changed the grid system from 6 columns to 12 columns
  • We added the attributes system which supports fields like text, checkbox, select and colorpicker
  • Improved the row and column templates.
  • Small fixes

0.5.0

  • Improved the resize UI
  • Added the girdable_load_public_style filter which allows you to disable the plugin public CSS style so you can add your own
  • Fixed the conflicts with toolbars of links and galleries
  • Small fixes

0.1.0

  • Improved editing UX by keeping the cursor inside the column while pressing enter on empty lines
  • Fixed PHP Fatal error when there is no other style appended
  • Fixed the removal when there is a nested row
  • Small fixes

0.0.1

  • Plugin init