How to Add Multi-Column Content in WordPress Posts

Would you like to incorporate multi-column content in your WordPress post? Columns may be utilized to make engaging designs for the pages and posts.

Conventional printing media, for example, magazines and papers, are applying multi-column designs since the early day of printing.

They aimed to ensure that it is simpler for users to read the compact text while utilizing the offered space efficiently.

Must Read: Read our detailed guide on Hostinger Hosting. 

Single column designs are more widely seen around the web. But, multi-column grids continue to help highlight articles and render them more uncomplicated to read and scan.

Inside the following article, we will explain how to easily include multi-column articles on your WordPress post without any html code.

Incorporating Multi-Column Posts in WordPress The Effortless Way

Developing multi-column content or grid column content in WordPress is currently accessible as it performs as a default option feature. The brand new WordPress Block Editor Gutenberg comprises a columns block.

To add a multi-column design, you should write a fresh post or edit the existing one.  Once You’re in the post edit place, proceed throughout the Insert icon on the top to add block

Subsequently, you have to pick the Columns to block positioned beneath the Layout Elements tab.

addcolumnsblockinwordpress

You will finally understand the mouse cursor leap across the left column, plus a text place holder will reveal to the most right column.

columnsblockinwordpress

Since you can see in the aforementioned screenshot, the column block seems exactly a vacant area in 1st. If you mouse over to your left, then you also may see the block boundary highlighted.

Read Also: Read our detailed guide on GeneratePress Theme. 

In addition, you are going to realize that the block setting onto the most right column of this article edit display.

columnsblockwordpress2columns

The columns block could comprise two columns. Now you might raise the number of columns you prefer to incorporate from your block setting onto the most right aspect. It enables you to soon add upto six columns in one row.

addmorecolumnstowordpress

Click a column and start typing in order to addition content . You can utilize the tab key to your own keyboard for changing into a different column.

 

Adding Media and Extra Article in  your column.

As well as the writing content, you might even insert images and upload videos in WordPress columns.

The columns block enables you to incorporate blocks within each column.  Simply utilize the mouse on your column, and you might come to realize the Insert fresh block icon inside in.

addblockincolumnswordpress

You may even insert a block by typing  after that your block name. Your picked block may appear in the column. Now you can proceed beforehand and incorporate articles into it.

imageblockaddedtowpcolumns

Here is the way your new column will look in the default option Seventeen Nineteen themes. Inside this case, we’re using about three columns, and also the last column comprises a graphic.

columnsinwppreview

If you desire to bring an image and a text next to it, you might also utilize the media and Text block rather than columns. This specific block was created mainly for exhibiting media, for example, videos and images next to your text.

addmediaandtextblockwordpress

Must Read: Read our detailed guide on SEMrush SEO Tools. 

Incorporating Numerous Column in Older WordPress Traditional Classic Editor

If you have not updated your WordPress into Gutenberg but using the Classic Editor, you will have to install another plugin to produce a grid layout.

First, set up and activate the Lightweight Grid Columns plugin.

Upon activation, you may make a new post or open an older post to edit. Then click the Add Column button from your visual editor toolbar.

addcolumnsicon-lightweightgridcolumnsplugin

You may find that a popup window to add your very first column. You may select how much space your column may cover in tablets, mobile devices, and desktop computers differently.

For instance, if you place the desktop grid percentage at 50 percent, your column will cover fifty percent.

desktop-tab-mobile-grid-percentage-columns

You will find loads of choices to set your column width from 5 percent to 100 percent in the interval of 5. You can choose one by selecting the dropdown.

colums-percentages

Then, you have to insert your column content in the Content box then click on the okay button to fit it in your post.

addcontenttogridcolumn

The plugin will generate the compulsory shotcode with your content and then insert it into a post editor.

shortcodecontentaddedtowpcolumn

Since your first column is added, you can replicate the approach to incorporate columns. For your previous column, do not neglect to check the box last column in the row.

shortcodecontentaddedto2columns

Then you can save your article and then preview it. This is the way that it seemed on our test website using the twenty Seventeen theme.

twocolumns-wptwentyseventeentheme

We expect this short article helped you learn how to install columns in your WordPress post along with pages.

Leave a comment