Do you need so as to add multi-column content material on your WordPress posts? Columns can be utilized to create attractive layouts in your posts and pages.

Conventional print media, like newspapers and magazines, were the use of multi-column layouts for the reason that very early days of printing. Their objective used to be to make it more straightforward for customers to learn the smaller textual content whilst using the to be had area economically.

Unmarried column layouts are extra often used on the net. Alternatively, multi-column grids are nonetheless helpful for highlighting content material and making it more straightforward to scan and browse.

On this article, we’ll display you the way to simply upload multi-column content material on your WordPress posts with out writing any HTML code.

Add Multi-Column Content in WordPress Posts and Pages

Including Multi-Column Content material in WordPress – The Simple Approach

Developing multi-column content material aka grid column content material in WordPress is now simple as it comes as a default function. The brand new WordPress Block Editor Gutenberg features a columns block.

So as to add a multi-column structure, you want to create a brand new submit or edit an present one. When you’re within the submit edit house, click on at the ‘Upload’ icon at the best so as to add a block.

Subsequent, you want to choose the ‘Columns’ block situated below ‘Structure Parts’ tab.

Add Columns Block in Your WordPress post

You’re going to now see the mouse cursor leaping at the left column and a textual content placeholder will seem at the proper column.

Columns block WordPress in WordPress added to post

As you’ll see within the above screenshot, the Columns block turns out simply an empty house to start with. In case you mouse over to the left, you’ll see the block border highlighted.

You’re going to additionally be capable of see the block settings at the proper column of the submit edit display screen.

Columns Block WordPress - 2 Columns

Via default, the columns block will provides two columns. You’ll building up the collection of columns you need so as to add from the block settings at the proper. It permits you to upload as much as six columns in one row.

Add more columns to your Columns

Merely click on on a column and get started typing so as to add content material. You’ll use the tab key for your keyboard for switching to the following column.

Add Text in Your WordPress Columns

Including Media and Different Content material in Your Columns

Along with the textual content content material, you’ll additionally upload pictures and embed videos in WordPress columns.

The columns block permits you to upload blocks within every column. Merely take the mouse to a column, and you’re going to understand the ‘Upload new block’ icon within it. You’ll additionally upload a block by way of typing / after which the block identify.

Add new block in WordPress columns

Your decided on block will now seem within the column. You’ll now pass forward and upload content material to it.

Image Block Added to WordPress

Right here’s how your new column would possibly glance within the default Twenty Nineteen theme. On this instance, we’re the use of 3 columns and the final column incorporates a picture.

3 Columns in WordPress Post - Preview

In case you most effective wish to upload a picture and a few textual content subsequent to it, then you’ll additionally use the ‘Media and Textual content’ block as an alternative of columns. This actual block is made particularly for appearing media like pictures and movies subsequent to a couple textual content.

Add Media and Text Block in WordPress

Including More than one Columns in Outdated WordPress Vintage Editor

For those who haven’t upgraded your WordPress to Gutenberg and nonetheless the use of the Classic Editor, then you definately’ll want to set up a separate plugin for making a grid column structure.

First, set up and turn on the Lightweight Grid Columns plugin. For detailed directions, observe our step-by-step information on how to install a plugin in WordPress.

Upon activation, you’ll create a brand new submit or open an previous submit to edit. Subsequent, click on at the ‘Upload Columns’ button from the visible editor toolbar.

Add Columns Icon Lightweight Grid Columns Plugin

Now you’re going to see a popup window so as to add your first column. You’ll select how a lot house your column can quilt, in desktops, pills, and cell units another way.

For instance, for those who set the desktop grid share 50%, your column will quilt the part row.

Grid Width Percent - Lightweight Grid Columns

There’re numerous choices to set your column width, from 5% to 100% within the period of five. You’ll select one by way of clicking the dropdown.

Column Width Options - Grid Percentages

After that, you want so as to add your column content material within the ‘Content material’ field after which click on the “OK” button to insert it into your submit.

Add Content to Your Column  - Lightweight Grid Columns Plugin

The plugin will now generate the specified shortcode together with your content material and upload it in your submit editor.

Shortcode and Content Added to WordPress Column

Now that your first column is added, you’ll repeat the method so as to add extra columns. For the final column in row, don’t omit to test the field ‘Ultimate column in row’.

Shortcode and Content for 2 Columns in WordPress

After that, you’ll save your submit and preview it. Right here’s the way it seemed on our check web page the use of Twenty Seventeen theme.

Two WordPresss Columns in Twenty Seventeen Theme

We are hoping this newsletter helped you learn to upload columns on your WordPress posts and pages. You may additionally wish to see our easy information on the way to easily align images in WordPress posts.

In case you appreciated this newsletter, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll additionally in finding us on Twitter and Facebook.

The submit How to Add Multi-Column Content in WordPress Posts (No HTML Required) seemed first on WPBeginner.

WordPress Maintenance

[ continue ]