Gridster is a WordPress plugin that makes building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically resize, add and remove elements from the grid, as edit the elements content inline.

You can fork Gridster at Github or tell me about your issues.

General - Features

• manage your contents within a grid
• drag & drop contents as gridster widgets from your last posts, pages or custom post types
• resize gridster widgets on the fly
• use custom templates for all your gridster-widgets, or per post_type
• override side wide settings for every gridster
• inline edit every content loaded via your templates
• images within your gridster-widgets are re-loaded on every resize of a widget, to best fit its dimensions
• add gridsters by simply adding a generated shortcode, you'll get from the gridsters post-list
• this plugin recognizes your defined content width from your theme and will help you create best fitting gridsters
• scripts & styles are loaded only if shortcode is really used, this saves load time
• visual shortcode replacement, like you know from [gallery]-Shortcode
• TinyMCE Button to add gridster layouts with user-friendly GUI
• clean uninstall: all options, gridster-posts and related post-meta fields are deleted on uninstalling (not deactivation)

Templates

Adjust the HTML output of the gridster-widgets by overriding the default template from cbach-wp-gridster/views/gridster-default.php. Just copy this file into a new created directory gridster-templates within your theme folder and change it to your needs. Furthermore you can add different templates per post_type, when you create files like gridster-YOUR_POST_TYPE_NAME.php within these folder.

By using the later described gridster_locate_templates_from filter you are able to add more conditions to make your templates match more customized conditions.

Inline editing

With help of the Jeditable library it is possible to edit loaded content directly inside the gridster workbench. So if you are using a post called "My grandmothers apple pie is the best", you could adjust the text inside your gridster-widget to shorter version, ie. "best apple pie" without editing the original post. Just add some CSS class to the wrapper element, where your title will appear.

For editing single lines of text, like titles add class="gridster_edit". If you want to edit texts in more comfortable textarea use class="gridster_edit-area"

Have a look at the /views/gridster-default.php inside the plugin directory to get a clue.