Plugin Directory

Test out the new Plugin Directory and let us know what you think.

DivUp Content

Flexible & elegant way to split post/page content into divs. Divs are given ordinal classes (div-1, div-2 etc). Minimal shortcode. Client Friendly

  1. divup-content screenshot 1

    This is an example of how you could use the [divup] shorcode in your markup (note: the custom classes and ids aren't necessary for creating the following grid layouts, they're just there to show you that you can add custom classes and ids if you want to).

  2. divup-content screenshot 2

    Given the markup example above, this is how DivUp Content would wrap your content in divs with automatic and custom classes and ids (firebug screenshot)

  3. divup-content screenshot 3

    4x1 grid CSS (assuming a 640px content area): .divup-wrap { overflow:hidden; } .divup { float:left;width:145px;margin-right:20px; } .mul-4 { margin-right:0; }

  4. divup-content screenshot 4

    2x2 grid (assuming a 640px content area): .divup-wrap { overflow:hidden; } .divup { float:left;width:310px;margin-right:20px;margin-bottom:20px; } .div-even { margin-right:0; }

  5. divup-content screenshot 5

    3x2 grid (assuming a 640px content area):.divup-wrap { overflow:hidden; } .divup { float:left;width:200px;margin-right:20px;margin-bottom:20px; } .div-1{ width:640px; }.div-1, div-4 { margin-right:0; }. For more advanced layouts, the special 'diff' CSS class has you covered. View the DivUp Content docs for more info.

Requires: 2.8 or higher
Compatible up to: 4.4.7
Last Updated: 11 months ago
Active Installs: 1,000+


5 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.