Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

How to Add Multi-Column Content in WordPress Posts (No HTML Required)

Last updated on by
Special WordPress Hosting offer for WPBeginner Readers
How to Add Multi-Column Content in WordPress Posts (No HTML Required)

After our writeup about how to create tables in WordPress, we noticed that several users were using tables to create multi-column layouts for their WordPress pages. Ideally you should use HTML and CSS to create column layouts. For beginners who don’t know CSS, then this article is for you. In this article, we will show you how to add multi-column content layout in WordPress posts and pages without knowing any HTML or CSS.

Coulmns in a WordPress Page

Video Tutorial

If you don’t like the video or need more instructions, then continue reading.

First thing you need to do is install and activate Advanced WP Columns plugin. After activating the plugin, you need to go on a post or page edit screen in your WordPress dashboard. There you will notice a new “Advanced WP Columns” button in the visual editor.

Advanced wp columns button in WordPress visual editor

When you click on the button, it will bring up the Advanced WP Columns user interface which looks like this:

Advanced WP Columns User Interface

This simple user interface allows you to easily create column layouts. You can click on the Empty button to choose from pre-made, two, three, or four columns layouts. You can also drag the Add button to the columns bar to create new columns and then adjust the column width by dragging the handles on the column bar.

To delete a column, you can drag and drop the Remove button to the column you want to remove.

Adjusting widths of your columns

You can directly add text into your columns from WP Advanced Columns user interface. It allows you to perform some basic formatting on the content inside columns. Once you are satisfied with the columns, you can click on the Add Columns button to add them into your post or page.

This is how your columns would appear in the WordPress post editor

Advance level users can configure the plugin settings from Settings » Advanced WP Columns to use their own custom width and CSS classes for columns.

Advanced WP Columns Settings

We hope this article helped you add multiple column content in your WordPress posts and pages. For feedback and questions you can leave us a comment below or join us on Google+.


Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »

Comments

  1. Steve Elliott says:

    Is there a way to five these columns a background color?

  2. Bhagyashree barlingay says:

    I cannot copy/paste material that I have already typed , into these columns.

  3. Naveed says:

    i am using wordpress version 4.5 , but this plugin is not compatible with my theme can i use this plugin for my theme ??

  4. ik says:

    Can you add images to each column? Or can you add action buttons to each column?

  5. Kate says:

    Columns working but when trying to embed VIDEO within columns only text of the code is showing…

  6. Daniel Speraw says:

    It looks good when columns are added to the post, but when I look at it published it has reverted to 1 centered column. I’ve tried it multiple times and in two browsers. Any thoughts?
    This is by far the easiest plugin. I REALLY want to use it.
    Many thanks,
    Daniel

  7. Meshellklip says:

    Can you add images to each column? Or can you add action buttons to each column?

  8. Sri Harsha Chilakapati says:

    Hi,

    My site uses the responsive Customizr theme, and I don’t wanna lose that responsiveness. Can I add responsive columns using this plugin?

  9. Chris Xphstos says:

    Ηι!

    Is there a way to present a layout with columns but not one post with 2-3-4 columns etc.?
    Each column withing a page will be a seperated post. Something like Joomla’s Blog Layout…

    • WPBeginner Support says:

      For that you would want to look into a multi column WordPress theme, there are plenty of such themes out there.

  10. Karen says:

    Thank you! I’ve been wanting to learn how to do this for a while now – all good now! xx

  11. Debra Torres says:

    This is exactly what I needed! Been trying to use tables for columns and getting so frustrated. Thank you, thank you, thank you!

  12. Mark Corder says:

    I must say – if you need to use multiple columns on a regular basis, this looks like a great solution even if you DO know HTML/CSS! Love the fact that they included a breakpoint in the Options for adapting to responsive designs…

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.