WP Columns

By : tsuijten

There are similar plugins but they did not provide the ease of use I wanted.

Creating columns is super easy, just include the column separator text in your page or post (by default /---/, configurable in the WP Column Settings page).

HTML code will be generated with various CSS classes so you can easily style the columns in your Stylesheet.

Example

The following text in your page or post:

This text will be in the first column.
/---/
This text will be in the second column.
/---/
This text will be in the third column.

Will result in the following HTML code:

<div class="wpcolumn-wrapper wpcolumn-wrapper-3">
<div class="wpcolumn wpcolumn-1 wpcolumn-first">This text will be in the first column.</div>
<div class="wpcolumn wpcolumn-2 wpcolumn-other">This text will be in the second column.</div>
<div class="wpcolumn wpcolumn-3 wpcolumn-last">This text will be in the third column.</div>
<div class="wpcolumn-clearfix"></div>
</div>

Using the various CSS classes assigned to the columns and the columns-wrapper you can style different number of columns in different ways.

The column separator text as well as the CSS class prefix can be customized in the WP Columns Settings Panel (see screenshots).

This CSS was used to accomplish the example seen in the screenshots section:

.wpcolumn-clearfix {
    clear: both;
}
.wpcolumn-wrapper-3 .wpcolumn {
    float: left;
    margin: 10px 4% 15px 0;
    width: 46%;
}
.wpcolumn-wrapper-3 .wpcolumn-last {
    margin-right: 0;
}
.wpcolumn-wrapper-3 .wpcolumn-1 {
    color:#888888;
    font-family:'Lucida Grande',Verdana,Arial,sans-serif;
    font-size:16px;
    float: none;
    width: auto;
}

WP-Columna

Add columns to visual editor and the page, another easier way to make columns using visual editor without HTML knowledge nor shortcodes. This plugin provides you with 4 general column layout in your visual editor....

Similar: 72%

WP Auto Columns

You need to display your articles in magazine or newspaper style. Use this plugin. You don't have to change your theme files or add styles - just use "table" splitter....

Similar: 70%

Columnizer

Columnizer is a jQuery based WordPress plugin that formats your content into columns. All you need to do is embrace your content in a single set of shortcodes denoting the number of columns you'd like. Like this: [threecolumns] Lorem ipsum...vitae nunc. Curabitur fringilla...consectetur arcu. Proin.........

Similar: 43%

WP Easy Columns

What is Easy Columns? Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages or posts on demand....

Similar: 36%

Column Shortcodes

Adds shortcodes to easily create columns in your posts or pages. Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page. You can also change the padding of each individual column from the UI. Th.........

Similar: 31%

DivUp Content

Client friendly way to separate your WordPress post or page content into divs with (optional) custom CSS classes and ids. Adding the shortcode [divup] in between some content will split the content into 2 separate divs. You can enter as many [divup] shortcodes to a post or page as you like. Great f.........

Similar: 24%

Skeleton Shortcodes Collection

Adds shortcodes to easily create columns in your posts or pages. There are different column widths available from which you can make all combinations: one_half (1/2) one_third (1/3) two_third (2/3) one_fourth (1/4) three_fourth (3/4) one_fifth (1/5) two_fifth (2/5) three_fifth (3/5) four_fifth (4.........

Similar: 20%

Responsive Widgets

Looking for widgets that display text, code, images or WordPress shortags only on a specific device? Then this plugin is for you!...

Similar: 16%

Responsive Column Widgets

Do you want to arrange widgets horizontally? If so, this plugin may be the solution for you. Or if you are a developer and looking for an easy way to render some outputs in responsive columns, this plugin will be handy. Pass your arrays to the plugin filter. Then the plugin will take care of it for.........

Similar: 15%

WordPress Shortcodes

WordPress Shortcodes is a free WordPress plugin that brings an amazing set of beautiful and useful elements to your site. The plugin comes bundled with the full set of elements, all absolutely free of charge. Learn how you can use WordPress Shortcodes to easily create import / export safe links to .........

Similar: 9%