[GRID SHORTCODES]

QUICK. EASY. RESPONSIVE GRID.

Get It Now →


Why Grid Shortcodes?

Simply for the ease and convenience of creating markup with the responsive grid without requiring the use of the HTML editor (guy writes pluginto enhance the HTML editor, then doesn’t want to use it?…).

Everybody Loves Shortcodes

As a developer, sometimes I just want to stick in some responsive content, but don’t want to use a table, or want to put in some markup that won’t get “messed with” by switching between visual & html editors.

Let’s Face It, Some of us are lazy

I would have capitalized the rest of that heading, but man, that shift key really fatigues my pinky. Normally, if you would want to use the responsive grid, you’d have to first switch to the html editor if you weren’t already there. THEN you’d have to type <div THEN you’d have to add the class class=, and by this time, I’m thinking “my foot itches”, or “I wonder how tiny weeds can grow through solid concrete?”. It’s a miracle how this plugin ever got started let alone completed.

I’m not really lazy though.  I just spent a luxurious amount of time writing this fantastical story.  One might say I’m “thorough”?

Without further ado…

What’s the grid thing?

PageLines Framework encompasses a completely responsive grid system that contains 12 columns, or “spans.”

Where do I use it?

The grid can be used virtually anywhere. Mark it up in a post, in a page, or wherever you need structured, responsive content.

Span 1
Span 1
Span 1
Span 1
Span 1
Span 1
Span 1
Span 1
Span 1
Span 1
Span 1
Span 1
Span 4
Span 4
Span 4
Span 4
Span 8
Span 6
Span 6
Span 12

Try this: resize the browser window and watch it respond!

Yes, this is taken from the framework demo. We’re not reinventing the grid here, though — we’re just making it easy as…something that’s really easy to do!

Here’s how the grid can be done with [grid-shortcodes]!